js之onload事件的一点使用心得

2019-11-20 22:24:34

字体：大中小

来源：转载

供稿：网友

如果我问你window.load和window.onload分别是什么意思，恐怕你会回答我：“这不是页面加载完就执行吗”。
但是答案是不一定，得看你怎么用。看一下例子吧
例1：

 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<html> 
<head> 
<title>Untitled</title> 
<script type="text/javascript"> 
function ShowMessage() 
{ 
alert("true"); 
} 
window.onload=ShowMessage(); 
</script> 
</head> 
<body> 
当你看到true时看不到我 
</body> 
</html> 

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

复制代码代码如下:

 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<html> 
<head> 
<title>Untitled</title> 
<script type="text/javascript"> 
function ShowMessage() 
{ 
alert("true"); 
} 
window.onload=function(){ShowMessage();} 
</script> 
</head> 
<body> 
你看到true时就看到我了 
</body> 
</html> 