我有一个使用$（document）.ready的脚本，但它不使用jQuery中的任何其他内容。我想通过删除jQuery依赖项来减轻它。
如何在不使用jQuery的情况下实现我自己的$（document）.ready功能？我知道，使用window.onload将不同，因为window.onlead在加载所有图像、帧等后启动。
当前回答
编辑@duskwuff以支持Internet Explorer 8。不同的是，使用匿名函数对regex和setTimeout的函数测试进行了新的调用。
此外，我将超时设置为99。
function ready(f){/in/.test(document.readyState)?setTimeout(function(){ready(f);},99):f();}
其他回答
最小且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助手的可行替代品。
此处提供的setTimeout/setInterval解决方案仅在特定情况下有效。
该问题在旧版本的Internet Explorer（最高8版）中尤为突出。
影响这些setTimeout/setInterval解决方案成功的变量有：
1) dynamic or static HTML
2) cached or non cached requests
3) size of the complete HTML document
4) chunked or non chunked transfer encoding
解决此特定问题的原始（原生Javascript）代码如下：
https://github.com/dperini/ContentLoaded
http://javascript.nwbox.com/ContentLoaded (test)
这是jQuery团队构建其实现的代码。
这是我使用的，它很快，涵盖了我认为的所有基础；适用于除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。
三个选项：
如果script是主体的最后一个标记，则DOM将在脚本标记执行之前准备就绪当DOM就绪时，“readyState”将变为“complete”将所有内容置于“DOMContentLoaded”事件侦听器下
在准备状态更改时
document.onreadystatechange = function () {
if (document.readyState == "complete") {
// document is ready. Do your stuff here
}
}
来源：MDN
DOMContentLoaded（DOM内容已加载）
document.addEventListener('DOMContentLoaded', function() {
console.log('document is ready. I can sleep now');
});
关注石器时代的浏览器：转到jQuery源代码并使用ready函数。在这种情况下，您不是在解析和执行整个库，您只是在做其中的一小部分。
jQuery中的ready函数做了很多事情。坦率地说，除非你的网站有惊人的小输出，否则我看不出替换它的意义。jQuery是一个非常小的库，它处理您稍后需要的各种跨浏览器的事情。
无论如何，在这里发布它没有什么意义，只需打开jQuery并查看bindReady方法。
它首先根据事件模型调用document.addEventListener（“DOMContentLoaded”）或document.attachEvent（“unreadystatechange”），然后继续。
