费玺 2015-10-10 07:26 采纳率: 80%
浏览 2187
已结题

javascript addLoadEvent函数为什么在页面加载后调用的函数没有执行

 # 函数如下
function addLoadEvent(func){
    var oldonload=window.onload;
    if(typeof window.onload !='function'){
    window.onload=func;
    }
    else{
    window.onload=function(){
    oldonload();
    func();
    }
    }
}

function loadEvents() {
// home
prepareSlideshow();
// about
prepareInternalnav();
// photos
preparePlaceholder();
prepareGallery();
// live
stripeTables();
highlightRows();
displayAbbreviations();
// contact
focusLabels();
prepareForms();
}

// Load events
addLoadEvent(highlightPage);
addLoadEvent(loadEvents);


函数我可以保证没写错，我是在看javasript DOM编程艺术这边书12章编写的时候出的问题，函数没有被执行，我试过火狐断点调试，并没有看出什么错误。。
  • 写回答

5条回答 默认 最新

  • Yvonne_Wong 2015-10-10 09:06
    关注

    <!DOCTYPE html>


    MyHtml.html
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<script type="text/JavaScript">
    alert("hello");
    function told(){
        alert("come on");
    };
    function addLoadEvent(func){
         alert("2423");
        var oldonload=window.onload;
           alert(oldonload);//为null
        if(typeof window.onload !='function'){
            window.onload=func;
            }else{
                window.onload=function(){
                oldonload();
                func();
            }
        }
    }
    function loadEvents() {
      // home
      prepareSlideshow();
      // about
      prepareInternalnav();
      // photos
      preparePlaceholder();
      prepareGallery();
      // live
      stripeTables();
      highlightRows();
      displayAbbreviations();
      // contact
      focusLabels();
      prepareForms();
    }
    //addLoadEvent(highlightPage);
    //addLoadEvent(loadEvents);

</script>


    测试

    测试1
    测试2

    我好像可以调用，通过点击按钮调用的，只是不太明白你是什么意思，是不是想要达到这样的效果。

    评论

报告相同问题？

  • javascript封装addLoadEvent实现页面同时加载执行多个函数的方法
    2010-01-23 07:23
    2. 如果`onload`事件已经有了一个函数，`addLoadEvent`会创建一个新的匿名函数，这个匿名函数会在执行现有的`onload`函数之后调用`func`。这样，不论何时添加新的`addLoadEvent`，原有的`onload`事件都不会被覆盖，...
  • JavaScript实现当网页加载完成后执行指定函数的方法
    2020-10-24 12:39
    在JavaScript中，我们通常使用window对象的onload事件处理器来确保特定的脚本在页面完全加载后执行。window对象代表了浏览器窗口，而window.onload事件处理器可以绑定一个函数，这个函数会在页面及其依赖的所有资源...
  • javascript addLoadEvent函数说明
    2020-10-29 11:25
    这两个属性都允许在页面加载完成后执行JavaScript代码，而且可以控制页面加载完毕后的行为。然而，当需要绑定多个事件处理器时，直接赋值方式会导致后面绑定的覆盖前面绑定的，因此无法同时运行多个函数。 ### ...
  • 深入理解JS addLoadEvent函数
    2020-10-22 07:48
    首先，addLoadEvent函数是一种非常有用的JavaScript编程技巧，它主要解决在页面加载完毕之后需要执行多个函数时，如何合理地组织这些函数调用的问题。这个问题在复杂页面中尤为常见，因为复杂页面通常需要在页面加载...
  • JS addLoadEvent函数，在页面加载完毕后立刻执行多个函数
    2018-10-30 14:09
    hst❀的博客 window.onload = func的作用就是在页面加载完成后将func函数绑定到onload事件上并执行。如果页面加载完成之后，只需要执行一个函数func，那么只用window.onload = func也就可以了，但是如果需...
  • addLoadEvent函数在页面加载后同时执行多个函数
    2016-07-11 19:30
    BigoSprite的博客 假如要在页面加载完毕后立即执行一个函数，我们使用window.onload事件即可完成任务。具体来说，网页加载完毕后会出发一个onload事件，该事件和window对象相关联。比如我们想要在页面加载完毕后立即某个函数，可以...
  • javascript 添加和移除函数的通用方法
    2020-10-29 16:20
    在JavaScript中，页面完全加载后会触发load事件，但window对象只能有一个load事件处理函数。因此，为了在不影响原有load事件处理函数的情况下添加新的处理函数，需要编写一个addLoadEvent函数。在这个函数中，先获取...
  • 把多个JavaScript函数绑定到onload事件处理函数上的方法
    2020-11-22 20:32
    在JavaScript编程中，确保函数在页面完全加载之后执行是非常常见的需求，这通常通过将函数绑定...在实际的前端开发中，这种方法尤其有用，特别是在需要集成多个库或插件，每个都需要在页面加载后执行特定操作的场景下。
  • JavaScript装饰器函数(Decorator)实例详解
    2020-10-20 02:24
    这两个方法将原始函数保存为`self`，然后返回一个新的函数，该函数在调用原始函数前/后调用传入的额外函数。这样，我们可以在不修改原有函数的情况下，为任何函数添加前置和后置操作。 3. **函数执行时间计算**：`...
  •  js 和jQuery（自动执行函数）立即执行函数和页面加载完后执行函数写法
    2021-01-10 18:00
    lance666的博客 js 立即执行函数只能用于匿名函数，如果声明了函数名是不可以用立即执行的，通常在函数表达式后加一对小括号()用于立即执行 如果想让函数不被调用的情况下，立即自动执行，需要在函数表达式的末尾加一对括号() ...
  • JavaScript 页面加载时调用函数addLoadEvent实现
    2019-02-28 16:00
    weixin_30741653的博客 寒假的时候花了一些时间看了看JavaScript编程艺术，发现里面大量用了addLoadEvent函数，索性就直接把它单独写在了一个js文件里，当用的时候直接调用就行了。这个函数用处广泛，下面给出它的代码： function ...
  • JS 页面自动加载函数(兼容多浏览器)
    2020-10-29 23:10
    在JavaScript编程中，页面自动加载函数是一个非常关键的机制，它允许开发者在网页完全加载后执行特定的代码，比如初始化页面元素、执行动画效果或处理数据。本篇将详细讲解如何编写一个兼容多个浏览器的自动加载函数...
  • js [removed] 加载多个函数的方法
    2020-10-29 15:17
    在项目开发过程中，经常需要在页面加载完成后执行多个函数，比如初始化多个模块、执行多个资源加载后的回调等。为了能够一次性绑定多个函数到`window.onload`事件，我们需要通过编写额外的函数来合并这些函数，以...
  • JS实用脚本--页面加载完毕后执行函数
    2017-10-20 16:33
    代码小猫熊的博客 JS实用脚本--页面加载完毕后执行函数
  • html 函数未定义,为什么我的JavaScript函数有时“未定义”？
    2021-06-16 13:04
    weixin_39861498的博客 我调用我的JavaScript函数。为什么我有时会得到错误’myFunction未定义’，当它被定义？例如。我偶尔会得到“copyArray未定义”，即使在这个例子中：function copyArray( pa ) {var la = [];for (var i=0; i < pa...
  • [removed]追加函数使用示例
    2020-12-07 09:36
    这种追加函数的方法在实际开发中非常实用，尤其在需要添加多个页面加载后执行的脚本时，可以避免对原有`onload`事件处理函数的影响，保证所有必要的操作都能被执行。同时，这也是一种符合开放封闭原则的设计，使得...
  • 没有解决我的问题, 去提问