我可以運行多個JavaScript onload嗎？

Question

我有一個使用modernizr.js的頁面，該頁面在加載時運行。 在添加此代碼之前，我運行了一個簡單的js時鍾腳本來顯示加載頁面時加載的時間，但是，因為同時將它們都添加到頁面中會使一個或另一個停止工作。

我對javascript還是很陌生，並且開始熟悉規則（自學）。 是否可以使兩個腳本在加載時運行？ 或者，我是不是吠錯了樹，如果這樣，我的代碼是否有問題？

這就是我的...

<script>
window.onload = function() {
   if(window.FileReader && Modernizr.draganddrop){
      window.location = "http://www.dentaldigs.co.uk/image_upload.php"

   }
};
</script>

<script>
      // add a zero in front of numbers<10
      function checkTime(i)
      {
      if (i<10)
        {
          i="0" + i;
        }
      return i;
      }

      function clock()
      {
      var today=new Date();
      var h=today.getHours();
      var m=today.getMinutes();
      var s=today.getSeconds();
      m=checkTime(m);
      s=checkTime(s);
      document.getElementById('clock_div').innerHTML=h+":"+m+":"+s;
      t=setTimeout(function(){clock()},500);
      }  

</script>

<body onLoad="clock()">
</body>

放置了時鍾腳本后，modernizr.js無法正常工作。

謝謝

Answer 1

為什么不簡單地添加clock(); 調用Modernizr腳本后立即轉到window.onload ：

<script>
window.onload = function() {
   // loading modernizr
   if(window.FileReader && Modernizr.draganddrop){
      window.location = "http://www.dentaldigs.co.uk/image_upload.php"
   }
   // calling your clock script
   clock();
};
</script>
<body>
   ...
</body>

Answer 2

而不是直接分配給window.onload ，您應該使用addEventListener綁定事件。 這樣，您可以分配多個功能。

window.addEventListener('load', function(){
    console.log('first onload');
});

window.addEventListener('load', function(){
    console.log('second onload');
});

演示： http : //jsfiddle.net/jjqCX/

更新：如果您使用的是IE <9，則需要使用attachEvent 。

function loaded = function(){
    console.log('first onload');
}

function loaded2 = function(){
    console.log('second onload');
}

if (window.addEventListener) {
    window.addEventListener('load', loaded, false); 
    window.addEventListener('load', loaded2, false); 
}
else if (window.attachEvent)  {
    window.attachEvent('onload', loaded);
    window.attachEvent('onload', loaded2);
}

演示： http : //jsfiddle.net/jjqCX/1/

Answer 3

用這個

function myFunctions() {
  function1();
  function2();
}
window.onload = myFunctions;

我可以運行多個JavaScript onload嗎？

問題描述

3 個解決方案

解決方案1
2 已采納 2013-02-04 16:29:59

解決方案2
2 2013-02-04 16:30:25

解決方案3
1 2013-02-04 16:31:19

我可以運行多個JavaScript onload嗎？

問題描述

3 個解決方案

解決方案1 2 已采納 2013-02-04 16:29:59

解決方案2 2 2013-02-04 16:30:25

解決方案3 1 2013-02-04 16:31:19

解決方案1
2 已采納 2013-02-04 16:29:59

解決方案2
2 2013-02-04 16:30:25

解決方案3
1 2013-02-04 16:31:19