87,907
社区成员
发帖
与我相关
我的任务
分享为什么attachevent没有生效？
html页面代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script language="javascript">var G_iStartTime = (new Date()).getTime();</script>
<title>test</title>
</head>
<body>
<script type="text/javascript" src="http://www.paipai.com/js/elf_comm.js?t=20071211"></script>
<script>
function testfun(){
alert(1);
}
document.body.attachEvent("onload",testfun);
</script>
测试文本。
</body>
</html>
这样以后testfun是不会执行的。
但我修改成
document.body.onload = testfun;
就可以执行testfun， 请问是什么原因呢？
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script language="javascript">var G_iStartTime = (new Date()).getTime();</script>
<title>test</title>
</head>
<body>
<script type="text/javascript" src="http://www.paipai.com/js/elf_comm.js?t=20071211"></script>
<script>
function testfun(){
alert(1);
}
document.body.attachEvent("onload",testfun);
</script>
测试文本。
</body>
</html>
这样以后testfun是不会执行的。
但我修改成
document.body.onload = testfun;
就可以执行testfun， 请问是什么原因呢？
...全文
请发表友善的回复…
发表回复
he_8134 2008-02-05
- 打赏
- 举报
噢 反正ff中不是bool就行了....
he_8134 2008-02-05
- 打赏
- 举报
火狐貌似也有document.all吧...
Phenlit 2008-02-05
- 打赏
- 举报
2楼的，在FF下绑定事件调用函数漏了括号，必须加上才能用的，如testfun()
<script>
function testfun(){
alert(1);
}
if(document.all){
window.attachEvent("onload",testfun);
}else{
window.addEventListener("load",testfun(), false);
}
yixianggao 2008-02-04
- 打赏
- 举报
要兼容FF2，需要修改language属性值为JavaScript
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<meta name="generator" content="editplus" />
<meta name="author" content="Gao YiXiang" />
<meta name="email" content="yixianggao@126.com" />
<meta name="keywords" content="javascript dhtml dom" />
<meta name="description" content="I love web development." />
</head>
<body>
测试文本。
<SCRIPT FOR="window" EVENT="onload" LANGUAGE="JavaScript">
alert(1);
</SCRIPT>
</body>
</html>
yixianggao 2008-02-04
- 打赏
- 举报
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<meta name="generator" content="editplus" />
<meta name="author" content="Gao YiXiang" />
<meta name="email" content="yixianggao@126.com" />
<meta name="keywords" content="javascript dhtml dom" />
<meta name="description" content="I love web development." />
</head>
<body>
测试文本。
<SCRIPT FOR="window" EVENT="onload" LANGUAGE="JScript">
alert(1);
</SCRIPT>
</body>
</html>
DHTML手册里详细讲解了原因：
请仔细阅读第一段后半段和第二段全部！
L@_@K
onload Event
The browser loads applications, embedded objects, and images as soon as it encounters the applet, embed, and img objects during parsing. Consequently, the onload event for these objects occurs before the browser parses any subsequent objects. To ensure that an event handler receives the onload event for these objects, place the script object that defines the event handler before the object and use the onload attribute in the object to set the handler.
The onload attribute of the body object sets an onload event handler for the window. This technique of calling the window onload event through the body object is overridden by any other means of invoking the window onload event, provided the handlers are in the same script language.
送你三本手册！
DHTML参考手册
http://download.csdn.net/source/308913
样式表中文手册
http://download.csdn.net/source/304124
JScript语言参考
http://download.csdn.net/source/308916
hsx85315 2008-02-04
- 打赏
- 举报
......
function testfun()
{
alert(1);
}
document.body.attachEvent("onload",testfun);
//此时document.body.onload 仍为 null
document.body["onload"] = testfun;
//代码运行到此 document.body.onload 才有真正的内容
</script>
测试文本。
</body>
</html>
xiaolei1982 2008-02-03
- 打赏
- 举报
window.attachEvent("onload",testfun);
nicholsky 2008-02-03
- 打赏
- 举报
document.body.attachEvent还没见识过这样的用法。一般的事件绑定都是document和windows的方法。前者包括所有的onmousexxxx、onkeyxxx等，后者一般是onload等属于window的方法的绑定。
slimboy123 2008-02-03
- 打赏
- 举报
楼上正解
<script>
function testfun(e){
alert(1);
}
if (document.body.addEventListener) {
window.addEventListener( "load", testfun, false );
}
else if (document.body.attachEvent) {
window.attachEvent( "onload", testfun );
}
</script>
cloudgamer 2008-02-03
- 打赏
- 举报
function testfun(){
alert(1);
}
if(document.all){
window.attachEvent("onload",testfun);
}else{
window.addEventListener("load", testfun, false);
}支持ff
