教程集 www.jiaochengji.com
教程集 >  脚本编程  >  javascript  >  正文 动态添加页面body OnLoad事件的简单js代码

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

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

代码如下:
 

<script language="javascript">
/**
 * 动态添加页面onload事件
 * Edit www.jbxue.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.jbxue.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个页面。

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

您可能感兴趣的文章:
动态添加页面body OnLoad事件的简单js代码
js动态添加页面的BODY OnLoad事件
JQuery onload、ready概念介绍及使用方法
JQuery onload、ready详解
js动态添加onload、onresize、onscroll事件的另类方法
jquery中的$(document).ready()使用小结
javascript onload多个函数支持多个页面onload事件的方法
jQuery之$(document).ready()使用介绍
asp.net 动态添加控件与事件的方法介绍
JQuery下关于$.Ready()的分析

[关闭]
~ ~