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

最新推荐文章于 2025-03-31 17:03:29 发布

zhy_me

最新推荐文章于 2025-03-31 17:03:29 发布

阅读量6.3k

点赞数

分类专栏： javascript

javascript 专栏收录该内容

1 篇文章

订阅专栏

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

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

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

示例如下：

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

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

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

1

2

3

4

5

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