window.onload的使用心得

时间:2022-04-13 08:37:04

如果我问你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的使用心得