首页 > 代码库 > window.onload的使用心得

window.onload的使用心得

如果我问你window.onload是什么意思,恐怕你会回答我:“这不是页面加载完就执行吗”。 
但是答案是不一定,得看你怎么用。看一下例子吧 
例1: 
代码如下: 
 
<!DOCTYPE HTML> 
<html> 
<head> 
<title></title> 
<script type="text/javascript"> 
function ShowMessage() 

alert("true"); 

window.onload=ShowMessage(); 
</script> 
</head> 
<body> 
当你看到true时看不到我 
</body> 
</html> 

当你看到true的弹出框的时候,你肯定没有看到“当你看到true时看不到我”,说明页面还没有载入完就已经开始执行js了。 
例2 
代码如下:

<!DOCTYPE HTML> 
<html> 
<head> 
<title></title> 
<script type="text/javascript"> 
function ShowMessage() 

alert("true"); 

window.onload=function(){ShowMessage();} 
</script> 
</head> 
<body> 
你看到true时就看到我了 
</body> 
</html> 

当你看到true的弹出框的时候,你也会看到“你看到true时就看到我了”,这个才是真正的页面载入完才触发。 
PS:推荐像onload事件之类的使用匿名函数执行,即window.onload=function(){ShowMessage();}这种形式。
 
参考:脚本之家

window.onload的使用心得