当前位置: 首页 > 图文教程 > 网络编程 > Javascript > window.onload和body onload

Javascript
Mootools 1.2教程 排序类和方法简介
Mootools 1.2 手风琴（Accordion）教程
Mootools 1.2教程 类(一)
Mootools 1.2教程 Tooltips
Mootools 1.2教程 选项卡效果（Tabs）
Mootools 1.2教程(21)：类（二）
Mootools 1.2教程 同时进行多个形变动画
Mootools 1.2教程 滑动效果（Slide）
不安全的常用的js写法
javascript 检测浏览器类型和版本的代码
javascript 弹出层居中效果的制作
javascript 遮照层效果
Javascript createElement和innerHTML增加页面元素的性能对比
颜色快速采集器javascript代码
var与Javascript变量隐式声明
javascript 面向对象编程 万物皆对象
jQuery 事件队列调整方法
JavaScript switch case 的用法实例[范围]
控制input的CSS但不影响CheckBox以及Radio的样式
ext 同步和异步示例代码

No. « 185 186 187 188 »

技术文章搜索

关键字

Javascript 中的 window.onload和body onload

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-09-28   浏览: 255 ::
收藏到网摘: n/a

昨晚有一段进站滤镜效果失效，
研究发现，某段JS中调用了window.onload = function()属性，同时在页面上又有body onload语句。导致window.onload事件覆盖掉body onload事件。

解决方法：

attachEvent给onload添加所需运行的函数

  1. if (document.all){
  2. window.attachEvent('onload',FuncName)
  3. }
  4. else{
  5. window.addEventListener('load',FuncName,false);
  6. }

或者把两个初始化函数再组成一个新的函数

  1. 　　function myinit()
  2. 　　{//两个函数合并下
  3. 　　init();
  4. 　　myfun();
  5. 　　}
  6. 　　window.onload=myinit;

另外，见过书上有这样的写法：

  1. function addLoadEvent(func){
  2. var oldonload=window.onload;
  3. if(typeof window.onload!='function'){
  4. window.onload=func;
  5. }else{
  6. window.onload=function(){
  7. oldonload();
  8. func();
  9. }
  10. }
  11. }
  12. //添加要加载执行的事件:
  13. addLoadEvent(aaa);
  14. addLoadEvent(bbb);