document.onLoad的触发时间

水耀0414

水耀0414

2016-02-19 15:40

有一种朋友不在生活里,却在生命力;有一种陪伴不在身边,却在心间。图老师即在大家的生活中又在身边。这么贴心的服务你感受到了吗?话不多说下面就和大家分享document.onLoad的触发时间吧。

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

我一直认为使用javascript的document.onLoad指定一个函数,跟在Body标签中加入onLoad是一样的不过能过今天的示例发现,document.onLoad并不是在页面加载完成时引发。

示例代码如下:(测试环境Win2003 + IE7)

 1!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 2html
 3head
 4meta http-equiv="Content-Type" content="text/html; charset=gb2312"
 5title无标题文档/title
 6script language="JavaScript"
 7function mytest(){
 8    alert(document.getElementById("my2"));
 9}
10document.onLoad = mytest();
11/script
12/head
13
14body
15p id="my2"测试内容/p
16/body
17/html

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

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

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

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

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

展开更多 50%)
分享

猜你喜欢

document.onLoad的触发时间

Web开发
document.onLoad的触发时间

jquery $(document).ready() 与window.onload的区别

Web开发
jquery $(document).ready() 与window.onload的区别

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

jquery中的$(document).ready()与window.onload的区别

Web开发
jquery中的$(document).ready()与window.onload的区别

window.onload和body onload

Web开发
window.onload和body onload

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

JavaScript的事件:onLoad

Web开发
JavaScript的事件:onLoad

document.open() 与 document.write()的区别

Web开发
document.open() 与 document.write()的区别

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

用来实现Web页面图片移动托拽的代码段

用来实现Web页面图片移动托拽的代码段

配置shark与oracle的连接

配置shark与oracle的连接
下拉加载更多内容 ↓