document.onLoad的触发时间

onload 事件

onload 事件会在页面或图像加载完成后立即发生。

 

昨天在写一个网页特效时,总是提示错误。一直到今天通过一个示例才知道原因。

我一直认为使用javascript的document.onLoad指定一个函数,跟在Body标签中加入onLoad是一样的
不过能过今天的示例发现,document.onLoad并不是在页面加载完成时引发。
示例代码如下:(测试环境Win2003 + IE7)

 1 <! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" >
 2 < html >
 3 < head >
 4 < meta  http-equiv ="Content-Type"  content ="text/html; charset=gb2312" >
 5 < title > 无标题文档 </ title >
 6 < script  language ="JavaScript" >
 7function mytest(){
 8    alert(document.getElementById("my2"));
 9}

10document.onLoad = mytest();
11
</ script >
12 </ head >
13
14 < body >
15 < id ="my2" > 测试内容 </ p >
16 </ body >
17 </ html >

打开示例中的htm文件时,在页面没有完全显示,即白屏的时侯就弹出提示对话框了。说明mytest在页面没有显示完成时就被调用。

注释掉document.onLoad这句,然后修改body标签为

< body  onLoad ="mytest()" >

重新打开页面,此时才是页面加载完成后才调用mytest。不知道什么原因,呵呵

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值