用于“现代HTML5”浏览器的Javascript，例如$（document）.ready（）

Question

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

我正在寻找一种行之有效的方法来绑定到准备好的文档，就像jQuery的$(document).ready()。但是，这是针对“仅适用于现代浏览器”的页面，其中包含非常简洁的javascript，我希望避免在此处加载jQuery。

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

谢谢！

Answer 1

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

事件"DOMContentLoaded"将在完全解析了文档（没有样式表*和其他图像）时触发。如果需要等待图像和样式表，请改用"DOMContentLoaded"。

^{*仅当"load"在<script>之前}

Answer 2

<link rel="stylesheet" ...>是很久以前的标准，虽然它也等待所有图像加载，但在所有旧版浏览器中，它基本上也是一种有效的功能替代方法，通常用户可以等待一秒钟来使用一个网站，而且通常也是这样，用户仍然要等待至少一秒钟，直到他开始为该应用程序工作为止。

PS：用可接受的延迟加一点盐，但这也是替代方法之一，正如@Zeta在2014年4月17日5:49的评论中提到的那样，但老实说，有时会阅读所有答案的人，更不用说所有评论了。