我有一个使用$（document）.ready的脚本，但它不使用jQuery中的任何其他内容。我想通过删除jQuery依赖项来减轻它。
如何在不使用jQuery的情况下实现我自己的$（document）.ready功能？我知道，使用window.onload将不同，因为window.onlead在加载所有图像、帧等后启动。
当前回答
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>
其他回答
我使用这个：
document.addEventListener("DOMContentLoaded", function(event) {
//Do work
});
注意：这可能只适用于较新的浏览器，尤其是以下浏览器：http://caniuse.com/#feat=domcontentloaded
将<script>/*JavaScript代码*/</script>放在结束</body>标记之前。
诚然，这可能不符合每个人的目的，因为它需要更改HTML文件，而不仅仅是在JavaScript文件中做一些事情，比如document.ready，但是。。。
简而言之，我们可以使用JavaScript方法来代替jQuery中使用的$（document）.ready（）：
<script>
document.addEventListener("DOMContentLoaded", function_name, false);
function function_name(){
statements;
}
</script>
因此，当页面准备就绪（即DOMContentLoaded）时，将调用函数function_name（）。
一旦DOM就绪，此跨浏览器代码将调用函数：
var domReady=function(func){
var scriptText='('+func+')();';
var scriptElement=document.createElement('script');
scriptElement.innerText=scriptText;
document.body.appendChild(scriptElement);
};
以下是它的工作原理：
domReady的第一行调用函数的toString方法，以获取传入函数的字符串表示形式，并将其包装在立即调用该函数的表达式中。domReady的其余部分使用表达式创建一个脚本元素，并将其附加到文档正文中。DOM就绪后，浏览器运行附加到主体的脚本标记。
例如，如果您这样做：domReady（function（）｛alert（）；｝）；，以下内容将附加到body元素：
<script>(function (){alert();})();</script>
注意，这只适用于用户定义的函数。以下命令不起作用：domReady（警报）；
这个解决方案怎么样？
// other onload attached earlier
window.onload=function() {
alert('test');
};
tmpPreviousFunction=window.onload ? window.onload : null;
// our onload function
window.onload=function() {
alert('another message');
// execute previous one
if (tmpPreviousFunction) tmpPreviousFunction();
};
