"modern HTML5"浏览器的 Javascript，如 $(document).ready()

Question

这很可能已经是某个地方的问题了，但我找不到它，因为每次搜索都会出现 jQuery 问题。

我正在寻找一种行之有效的方法来绑定(bind)到准备就绪的文档，就像 jQuery 的 $(document).ready() 一样。但是，这是针对“仅限现代浏览器”的页面，具有非常轻的 javascript，我想避免在此处加载 jQuery。

有人能给我指出正确的方向吗？

谢谢!

Answer 1

document.addEventListener('DOMContentLoaded', function () {
    /* ... */
});

事件 "DOMContentLoaded" 当文档被完全解析时将被触发，即没有样式表*和附加图像。如果您需要等待图像和样式表，请使用 "load"相反。

^{* 仅当 <script>在 <link rel="stylesheet" ...> 之前}