js之onload事件

说明:测试浏浏览器FF3.5.2、Chrome3.0、safar 4.0.3、opera10.10、IE7
 
  如果我问你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>
 
当你看到true的弹出框的时候,你也会看到“你看到true时就看到我了”,这个才是真正的页面载入完才触发。
 
PS:推荐像onload事件之类的使用匿名函数执行,即window.onload=function(){ShowMessage();}这种形式。
原文地址:https://www.cnblogs.com/anuoruibo/p/2871963.html