observe(eventName, handler) -> document侦听整个文档范围内的给定事件。也可以用于侦听 "dom:loaded" 事件。
document.observe 是 Element#observe 基于整个文档范围的版本。它与 Event.observe(document, eventName, handler) 是等价的。
"dom:loaded" 事件
Prototype 创建了一个确实非常有用的事件:你可能希望在文档的 DOM 树载入完成后,能够获取一个通知, 这就是所谓的 "dom:loaded" 事件。在支持 DOMContentLoaded 事件的浏览器上, Prototype 会在 DOMContentLoaded 事件上触发 "dom.loaded" 事件。对于不支持 DOMContentLoaded 事件的浏览器,Prototype 会智能地模拟出 DOM 树载入完成事件。 如果你以前使用 window.onload 事件,现在也可能会转向 dom:loaded, 因为它会在 HTML 文档完全载入后,但页面上的图片尚未载入完成前就立即触发。window.onload 事件只有在页面上所有的图片都已经完全载入后才会发生,对于一些初始化过程,这可能不太适合, 比如说页面上的图片很多,而你又需要隐藏页面上的某些区域(因为图片载入所需的时间会很长, 而需要隐藏的区域又不能长时间显示)。
样例
document.observe("dom:loaded", function() {
// initially hide all containers for tab content
$$('div.tabcontent').invoke('hide');
});
分享到:
相关推荐
Object.observe, Object.observe polyfill/shim尝试兼容 其他选项MaxArt2501已经经开始了自己的Object.observe polyfill,看看他的提交历史和推理,让我认为它可以能会很好地支持。 如果你寻找一个 Object.observe ...
一个使Array.observe和Object.observe易于使用的Javascript类。 Observe_evented的特长是将本机API返回的一批更改分为原子事件和一致事件。 它还提供了多个选项,使它们更易于处理。 在上进行测试。 该库没有依赖...
- 是在 Object.prototype 上定义的方法 - 它是 ECMAScript 7(Harmony) 规范的一部分。 - 在浏览器级别异步观察对象的变化。 - 观察者按照它们发生的顺序接收一系列变化。 - 使用 Object.unobserve() 移除监听器...
Rx.Observe RxJava2 ready ! Create an interface with @Observe annotated method public class User { private int age; @Observe public int getAge() { return age; } @Observe public void setAge...
您是否曾经希望能够在变量更改时触发事件,但又不想依赖不受广泛支持的Object.observe()或Object.watch()方法? 现在你可以。 只需定义您希望监视的某些变量并动态锁定、解锁、设置 onChange 或 onGet 事件。 设置 ...
Observe+(现在观察嵌套对象/数组!) Observe+ 是一个基于的库,增加了以下功能: 对单个属性/索引/事件类型进行细粒度观察 观察嵌套对象和数组 在发布所有事件之前暂停/恢复对数据结构进行批量更新 在事件...
Object.observe()是将来的ECMAScript标准的一部分,是一种用于异步观察JavaScript对象的更改而无需单独的库的方法。 它允许观察者接收按时间顺序排列的变更记录序列,该序列描述了对一组观察对象发生的一组变更。...
兼容性nested-observe内部使用WeakMap (用于垃圾收集)。 Node.js的支持WeakMap和Object.observe从版本0.11.13 。 对于浏览器,请查看: 。 对于不受支持的浏览器 ,您可以使用垫片,例如和 。应用程序接口 var ...
Object.observe 扩展 ###Oject.observe 封装引入简单的数据绑定(仅适用于 global aero ... 为了得到一个完整的Object.observe支持,你可以使用这个。 要查看它是如何工作的,只需运行示例即可。 您可以在找到文档。
基于 Observation 库的Object.observe polyfill 例子 // A user model var user = { id: 0, name: 'Romeo Kenfack Tsakem', title: 'Mr.' }; // Create a greeting for the user function updateGreeting() { ...
ecmascript-object-observe ECMAScript Object.observe规范建议 可读规范位于 。 此规范提案使用来生成HTML运行 npm install -g ecmarkdown mkdir out ecmarkdown spec/index.html out/index.html cp css/elements...
观察 局部Object.observ Polyfill。 “观察”是一个非常微小且不完整... 如果可用,它将使用本机Object.observe建造npm运行构建运行测试npm测试Observe ✓ should notify of any property changes1 passing (13ms)
Nouage是一个利用Object.observe提供实现双向数据绑定的方法的库。 请注意,如果您要使用不可变的数据结构,那么这不适合您;) 地位 Beta。 API应该稳定。 ##安装 npm安装提示 ##用法 var nouage = require...
table-view.js 用标准JavaScript编写的自动表更新程序。 设计用于移动设备的紧凑... 没有依赖关系,但是如果您希望Object.observe在不兼容的浏览器中工作,请在加载TableView脚本之前先加载Object.observe 。 排序代码
java-观察者模式(Observe)
它使用了新的Object.observe方法,并针对较旧的浏览器进行了仿真。开始 gulp要开始开发克隆存储库,请大声疾呼。 Gulp将合并文件并将其放在dist文件夹中,您可以使用data-binder.js和data-binder.min.js。 然后,您...
它打算使用 Object.observe 来处理对底层模型的更改,然后重新渲染页面。 由于 Object.observe 是 Harmony (ECMAS 7),它现在只能在 Chrome 中使用(感谢支持未来的 Google!) 此任务列表允许执行以下操作: ...
Object.observe shim 请参阅:。 目标: 该 shim 提供了和谐提案中描述的算法的实现,旨在适用于所有符合 ES5 的浏览器。 依赖项: 虽然此实现没有依赖项,但它会尝试使用“setImmediate”(如果存在),如果不...
我该如何使用呢? 只需包含underscore-observe.js文件及其依赖项underscore.js和(如果要支持IE7) json2.js ,就可以了。 如果愿意,可以使用代替“下划线”。 观察者可以绑定到3种特定类型的更改:创建,更新和...
jsop JSON文件的单向数据绑定jsop是由Object.observe支持的JSON文件读取器/写入器。前var fs = require ( 'fs' )var config = JSON . parse ( fs . readFileSync ( 'config.json' ) )config . foo = 'bar'fs . ...