我有一个使用$（document）.ready的脚本，但它不使用jQuery中的任何其他内容。我想通过删除jQuery依赖项来减轻它。
如何在不使用jQuery的情况下实现我自己的$（document）.ready功能？我知道，使用window.onload将不同，因为window.onlead在加载所有图像、帧等后启动。
当前回答
跨浏览器（旧浏览器也是）和简单的解决方案：
var docLoaded = setInterval(function () {
if(document.readyState !== "complete") return;
clearInterval(docLoaded);
/*
Your code goes here i.e. init()
*/
}, 30);
在jsfiddle中显示警报
其他回答
最小且100%工作
我已经从PlainJS中选择了答案，它对我来说很好。它扩展了DOMContentLoaded，因此它可以在所有浏览器中被接受。
此函数等效于jQuery的$（document）.ready（）方法：
document.addEventListener('DOMContentLoaded', function(){
// do something
});
然而，与jQuery不同的是，这段代码只能在现代浏览器中正常运行（IE>8），如果在插入此脚本时（例如通过Ajax）已经呈现了文档，则无法正常运行。因此，我们需要稍微扩展一下：
function run() {
// do something
}
// in case the document is already rendered
if (document.readyState!='loading') run();
// modern browsers
else if (document.addEventListener)
document.addEventListener('DOMContentLoaded', run);
// IE <= 8
else document.attachEvent('onreadystatechange', function(){
if (document.readyState=='complete') run();
});
这基本上涵盖了所有的可能性，是jQuery助手的可行替代品。
只需将其添加到HTML页面的底部。。。
<script>
Your_Function();
</script>
因为，HTML文档是按上下顺序解析的。
使用纯JavaScript的最简单方法。没有jQuery：
document.addEventListener("DOMContentLoaded", function(event) {
// Your code to run since DOM is loaded and ready
});
编辑@duskwuff以支持Internet Explorer 8。不同的是，使用匿名函数对regex和setTimeout的函数测试进行了新的调用。
此外，我将超时设置为99。
function ready(f){/in/.test(document.readyState)?setTimeout(function(){ready(f);},99):f();}
这是我使用的，它很快，涵盖了我认为的所有基础；适用于除IE<9以外的所有情况。
(() => { function fn() {
// "On document ready" commands:
console.log(document.readyState);
};
if (document.readyState != 'loading') {fn()}
else {document.addEventListener('DOMContentLoaded', fn)}
})();
这似乎适用于所有情况：
如果DOM已经就绪（如果DOM不是“加载”，而是“交互式”或“完成”），则立即激发如果DOM仍在加载，它将在DOM可用（交互式）。
DOMContentLoaded事件在IE9和其他所有版本中都可用，所以我个人认为使用它是可以的。如果您没有将代码从ES2015传输到ES5，请将箭头函数声明重写为常规匿名函数。
如果您想等到加载所有资产、显示所有图像等，请改用window.onload。
