javascript - window.onload被覆蓋，怎么解決？

問題描述

window.onload = function(){ var para =document.createElement('p'); var info = 'NodeName:'; info += para.nodeName; info += ' NodeType:'; info += para.nodeType; alert(info); } window.onload = function(){ var para = document.getElementById('testid'); var e = document.createElement('p'); var txt = document.createTextNode('hello zmz'); para.appendChild(e); e.appendChild(txt); }

只執行了第二個window.onload,但是我想讓兩個window.onload都執行。該怎么處理？

問題解答

我們都知道onload事件只能執行一次，所以假設你要運行兩個onload時候執行的函數，最后只能執行后一個onload事件的函數，那么我們如何執行多個onload事件的函數呢，形式如下：

window.onload = function(){num1();num2();}

所以，我們就頂一個函數addLoadEvent(func),它只接受參數，就是在頁面加載完畢時執行的函數的名字

function addLoadEvent(func){ var oldonload = window.onload; //把現在有window.onload事件處理函數的值存入變量oldonload。 if(typeof window.onload != ’function’){ //如果這個處理函數還沒有綁定任何函數，就像平時那樣把新函數添加給它 window.onload = func; }else{ //如果在這個處理函數上已經綁定了一些函數。就把新函數追加到現有指令的末尾 window.onload = function(){ oldonload(); func(); } } }

調用：

addLoadEvent(num1);addLoadEvent(num2);回答2：

window.addEventListener(’load’,function(e){state1},false);window.addEventListener(’load’,function(e){state2},false);不建議用onload

建議 一個頁面就一個window.onload

window.onload = function(){ var para =document.createElement('p'); var info = 'NodeName:'; info += para.nodeName; info += ' NodeType:'; info += para.nodeType; alert(info); var para = document.getElementById('testid'); var e = document.createElement('p'); var txt = document.createTextNode('hello zmz'); para.appendChild(e); e.appendChild(txt); }

如果怕命名沖突，可用封閉空間

window.onload = function(){ (function(){var para =document.createElement('p'); var info = 'NodeName:'; info += para.nodeName; info += ' NodeType:'; info += para.nodeType; alert(info); })();(function(){var para = document.getElementById('testid'); var e = document.createElement('p'); var txt = document.createTextNode('hello zmz'); para.appendChild(e); e.appendChild(txt); })();} 回答4：

方法1

function fn1(){ var para =document.createElement('p'); var info = 'NodeName:'; info += para.nodeName; info += ' NodeType:'; info += para.nodeType; alert(info); }function fn2(){ var para = document.getElementById('testid'); var e = document.createElement('p'); var txt = document.createTextNode('hello zmz'); para.appendChild(e); e.appendChild(txt); }window.onload = function(){ fn1(); fn2();}

方法2是用樓上的方法。

window.addEventListener(’load’,function(e){fn1();},false);window.addEventListener(’load’,function(e){fn2();},false);