博客介绍了addLoadEvent函数和window.onload事件。addLoadEvent函数在页面首次加载时触发事件，window.onload事件在页面加载完成后立即执行。还给出了相关源码及示例，展示了如何使用这两个事件来执行测试函数。
addLoadEvent函数：页面第一次加载的时候触发事件；
window.onload事件：页面加载完成后（加载完成后），立即执行；
源码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
</body>
<script src='./doem1.js'></script>
</html>
window.onload = function() {
test1();
test2();
test3();
}
function test1(){
console.log('测试1');
}
function test2(){
console.log('测试2');
}
function test3(){
console.log('测试3');
}
function addLoadEvent(func) {
var oldonload = window.onload;//将现有的事件处理函数的值存入变量中
if (typeof window.onload != 'function') {
window.onload = func;//如果这个事件处理函数没有绑定任何函数，就把新函数添加给它
} else {
window.onload = function() {
oldonload();
func();//如果已经绑定了函数，就把新函数追加到现有指令的末尾
}
}
}
addLoadEvent(test1);
addLoadEvent(test2);
扫一扫
241
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
