了解 JavaScript 中的 DOM 准备情况
使用动态网页时,了解 DOM 准备情况对于在适当的时间执行任务至关重要。虽然 Prototype 和 jQuery 等框架提供了方便的机制将函数附加到 window.onload 事件,但在某些情况下需要更直接的方法。
查询 DOM 就绪情况
如果您寻求使用框架的替代方法,您可以探索以下几种方法:
1. jQuery 未记录的“isReady”属性:
尽管未记录,jQuery 仍维护一个名为 isReady 的内部属性。当可访问时,它指示 DOM 就绪事件是否已触发:
虽然此方法在多个 jQuery 版本中都很稳定,但它仍未记录在案,应谨慎使用。
2。 Document ReadyState:
文档对象提供了一个readyState属性,反映了页面的加载状态:
通过监听 DOMContentLoaded 事件,可以在页面加载时执行代码:页面已完全加载。
3.自定义 DOM 就绪检查:
对于浏览器兼容性至关重要的场景,您可以受 Dustin Diaz 代码片段的启发创建自定义 DOM 就绪检查:
这种方法利用了以下事实:加载状态“loading”和“interactive”在其readyState属性中包含字符串“in”。因此,如果在readyState中发现“in”,则文档尚未准备好。
以上是JavaScript 中的 DOM 何时准备就绪?的详细内容。更多信息请关注PHP中文网其他相关文章!