本文介绍了window.onload和DOMContentLoaded两个事件的区别。onload事件在所有资源包括样式表、图像和子框架加载完成后触发，而DOMContentLoaded则在初始HTML文档加载并解析完成时触发，不等待资源加载。对于不涉及立即DOM操作的脚本，使用DOMContentLoaded能更早执行。
window的onload事件和domcontentloaded
window.onload：
当一个资源及其依赖资源已完成加载时，将触发onload事件。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>操作对象被加载</title>
<script>
window.οnlοad=function(){
document.getElementById("s").style.color="red";
}
</script>
</head>
<body>
<span id="s">123</span>
</body>
</html>
document.onDOMContentLoaded：
当初始的HTML文档被完全加载和解析完成之后，DOMContentLoaded事件被触发，而无需等待样式表、图像和子框架的完成加载。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>DOMCOntentLoaded事件</title>
</head>
<body>
<script&g
最低0.47元/天 解锁文章
扫一扫
2758
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
