load事件通常用于查看文档内容或者图片是否加载完全。
网页中某些javascript脚本均需要在文档内容加载完成后执行，否则会出现无法获取对象的情况，解决方式：
- 将js脚本放在网页末尾，可以确保运行脚本时，获取的对象已经加载完毕。
- 通过window.onload来执行脚本代码。
window.onload是一个事件，当文档内容完全加载完成会触发该事件。可以为此事件注册事件处理函数，并将要执行的脚本代码放在事件处理函数中，于是就可以避免获取不到对象的情况。
注意：window.onload()事件绑定事件处理函数，可以绑定匿名函数，也可以绑定具名函数。
window.onload()绑定多个事件处理函数时，只能使用一次此事件，所以可以将多个事件处理函数放在一个代码块中加载。
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>蚂蚁部落</title>
<script type="text/javascript">
window.onload=function myalert(){
alert("绑定成功！");
}
</script>
</head>
<body>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>蚂蚁部落</title>
<style type="text/css">
#bg{
width:100px;
height:100px;
border:2px solid red;
}
</style>
<script type="text/javascript">
window.onload=function(){
function a(){
document.getElementById("bg").style.backgroundColor="#F90";
}
function b(){
document.getElementById("bg").style.width="200px";
}
a();
b();
}
</script>
</head>
<body>
<div id="bg"></div>
</body>
</html>
网友评论