码迷,mamicode.com
首页 > Web开发 > 详细

JS之ONLoad事件

时间:2014-07-12 16:01:38      阅读:202      评论:0      收藏:0      [点我收藏+]

标签:style   blog   java   color   使用   cti   

如果我问你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();}这种形式。

 

JS之ONLoad事件,布布扣,bubuko.com

JS之ONLoad事件

标签:style   blog   java   color   使用   cti   

原文地址:http://www.cnblogs.com/fuqiang88/p/3839665.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!