动态添加页面body OnLoad事件的简单js代码

发布时间:2020-10-16编辑:脚本学堂
本文介绍一个可以动态添加页面中的onload事件的js代码,很简单,适合初学的朋友参考。

代码如下:
 

<script language="javascript">
/**
 * 动态添加页面onload事件
 * Edit www.jb200.com
*/
if (window.attachEvent) {
    window.attachEvent("onload", GetMyInfo);//IE
}
else {
    window.addEventListener("load", GetMyInfo, false);//FF
}

function GetMyInfo()
{
alert("Hello World!");
}
</script>

有关body中的onload事件的相关内容,请参考链接:http://www.jb200.com/w3school/htmldom/event_onload.html

另外,在网上发现一个这样的问题:javascript中windows.onload和body的onload并存,如何解决?

下载了两段javascript代码,两个代码都要在网页载入时运行。
代码如下:
 

复制代码 代码示例:
window.onload = function(){ var navi = new SlideNavi($$("#menu ul li"),"currentPage",$("slider"));}


另外一个是:
 

复制代码 代码示例:
<body onload="convertNow('#main select')">


访问时只有windows.onload的那一段有效果。
尝试把它们写进同一个windows.onload = function() {} 中去,
结果还是只执行了一部分。
如果每次只插入一个windows.onload = function(){}或者body onload="",是可以正常执行的.
.net的网页,window.onload() {}放在控件里面,而body onload是在当前页面

解决方法:
window.onload() {}放在控件里面,而body onload是在当前页面。
----也可以放在一起,
像:
 

复制代码 代码示例:
window.onload = function()
{ var navi = new SlideNavi($$("#menu ul li"),"currentPage",$("slider"));
convertNow('#main select')}


因为到了客户端,JS代码是在一个页面的,不会分开在2个页面。

有兴趣的朋友,可以好好琢磨下上面这个问题与解决方法。