用于"现代HTML5"浏览器的Javascript,如$(document).ready()

Question

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

我正在寻找一种经过验证的方法来绑定到准备好的文档,就像jQuery一样$(document).ready().但是,这是一个"仅限现代浏览器"页面,具有非常轻量级的JavaScript,我想避免在这里加载jQuery.

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

谢谢!

Answer 1

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

"DOMContentLoaded"完全解析文档时将触发该事件,即没有样式表*和其他图像.如果您需要等待图像和样式表,请"load"改用.

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