我有一个使用$（document）.ready的脚本，但它不使用jQuery中的任何其他内容。我想通过删除jQuery依赖项来减轻它。
如何在不使用jQuery的情况下实现我自己的$（document）.ready功能？我知道，使用window.onload将不同，因为window.onlead在加载所有图像、帧等后启动。
当前回答
我使用这个：
document.addEventListener("DOMContentLoaded", function(event) {
//Do work
});
注意：这可能只适用于较新的浏览器，尤其是以下浏览器：http://caniuse.com/#feat=domcontentloaded
其他回答
将<script>/*JavaScript代码*/</script>放在结束</body>标记之前。
诚然，这可能不符合每个人的目的，因为它需要更改HTML文件，而不仅仅是在JavaScript文件中做一些事情，比如document.ready，但是。。。
对于IE9+：
function ready(fn) {
if (document.readyState != 'loading'){
fn();
} else {
document.addEventListener('DOMContentLoaded', fn);
}
}
只需将其添加到HTML页面的底部。。。
<script>
Your_Function();
</script>
因为，HTML文档是按上下顺序解析的。
简而言之，我们可以使用JavaScript方法来代替jQuery中使用的$（document）.ready（）：
<script>
document.addEventListener("DOMContentLoaded", function_name, false);
function function_name(){
statements;
}
</script>
因此，当页面准备就绪（即DOMContentLoaded）时，将调用函数function_name（）。
2022版本
2022年，您需要做的就是将defer属性放在脚本上，并将其加载到头部！
参考：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script#attr-推迟
<!doctype html>
<html>
<head>
<script src="/script.js" defer></script>
</head>
<body>
<p>In 2022, all you need to do is put the defer attribute on your script, and load it in the head!</p>
</body>
</html>
