document.onLoad的触发时间

2016-02-19 15:40 4 1 收藏

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

【 tulaoshi.com - Web开发】

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

我一直认为使用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

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

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

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

来源:http://www.tulaoshi.com/n/20160219/1610164.html

上一篇：用来实现Web页面图片移动托拽的代码段
下一篇：配置shark与oracle的连接

看过《document.onLoad的触发时间》的人还看了以下文章更多>>

document.onLoad的触发时间 02-19
jquery $(document).ready() 与window.onload的区别 02-19
jquery中的$(document).ready()与window.onload的区别 02-19
window.onload和body onload 02-20
JavaScript的事件：onLoad 02-20
img的onload的另类用法 02-19
document.open() 与 document.write()的区别 02-19
框架:document.compatMode 02-20
JavaScript的document和window对象详解 02-19
JavaScript中的Document文档对象 02-19

document 和 document.all 分别什么时候用

标签： Web开发

body div id="aa"123456/div input type="button" value="这里用 document 就出错" onclick="alert(document.aa.innerText);" / br / input type="button" value="这里用 document.all 就不出错" oncl...

Open and Print a Word Document

标签： Web开发

Demonstration script that opens and prints and existing Microsoft Word document. 代码如下： Set objWord = CreateObject("Word.Application") Set objDoc = objWord.Documents.Open("c:\scripts\inventory.doc") objDoc.PrintOut() objWord....

Add a Table to a Word Document

标签： Web开发

Demonstration script that retrieves service information from a computer and then displays that information in tabular format in Microsoft Word. 代码如下： Set objWord = CreateObject("Word.Application") objWo...

超清晰的document对象详解

标签： Web开发

document 文挡对象 - JavaScript脚本语言描述 --------------------------------------------------------------------- 注:页面上元素name属性和JavaScript引用的名称必须一致包括大小写否则会提示你一个错误信息 "引用的元素为空或者不是对象" -------------------------------------------------...

美工课时间到啦2：DIY水球快门触发装置

标签：摄影人像摄影静物摄影

美工课时间到啦2：DIY水球快门触发装置反应神经再怎么灵敏迅速的人，也很难在水球破掉同时按下快门，准确拍摄到水花四溅的一瞬间，所以我们只能用高速摄影机，才有机会看清楚这一幕，不过西班牙专业摄影师 Oriol Domingo 打破传统，利用电学原理自行 DIY 制作一组水球快门触发装置，让用一般 DSLR 即可成功拍摄，效果也不会输给高...

查看更多精彩>>