当前位置:  Web服务器/前端>javascript

HTML网页中的html body onload自动跳转方法介绍及自动跳转代码示例

 
分享到:
    发布时间:2014-8-11  


     HTML网页中的html body onload自动跳转方法介绍 html body onload就是“页面加载完成后执行的动作”。一般写在body里面。例如,在html页面中有一个大图片,想要在图片显示出来后提示一个消息框“图片加载完成”,...

  HTML网页中的html body onload自动跳转方法介绍  

  html body onload就是“页面加载完成后执行的动作”。一般写在body里面。例如,在html页面中有一个大图片,想要在图片显示出来后提示一个消息框“图片加载完成”,如果你直接写在JS里function(){alert(“图片加载完成”);}因为代码执行顺序是从上到下一次执行,图片还没加载,而函数已经执行那么就不合理了,所以用onload方法,就是为了等页面的东西都加载完了才执行。

    在网页加载时通过onload事件指定parent.location进行自动跳转。

    示例如下:

<body onLoad="parent.location='http://www.169it.Com'">


window.onload和body中的onload事件对比

    在js的代码中用了window.onload后,可能会影响到body中的onload事件。你可以全写在body 中,也可以全放到window.onload中,但是这样并不是很方便,有时我们需要两个同时用到。这时就要用window.attachEvent和 window.addEventListener来解决一下。

if (document.all){
 window.attachEvent('onload',函数名)//IE中
}
else{
 window.addEventListener('load',函数名,false);//firefox


本类别最新文章推荐:


站内导航:


特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

©2012-2017,169IT.COM,E-mail:www_169it_com#163.com(请将#改为@)

浙ICP备11055608号