window.onload的使用心得

时间：2017-07-03 21:03:37 阅读：186 评论：0 收藏：0 [点我收藏+]

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

标签：脚本 doc nload 说明代码 htm 弹出框 on() rip

原文地址：http://www.cnblogs.com/weiyz/p/7112842.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行