7

この質問をする前に、このような質問について投稿することはありませんが、コードに実装する方法がわかりません。私はこのようなコードを持っています

window.onload = function() {
 var url  = getQueryVariable("url");
 document.getElementById('view').src = url;
}
window.onload = function() {
    var linkDirect = document.getElementsByClassName("frame");
    for (var i = 0; i < linkDirect.length; i++) {
        linkDirect[i].href = "http://namablog.blogspot.com/p/demo.html?url=" + linkDirect[i].href
    }
}

次に、1 つの window.onload のみを使用してコードを実行するにはどうすればよいですか

4

4 に答える 4

23

addEventListenerまたは同等の jQueryを使用できます。

window.addEventListener('load', function (){
    alert('Function #1');
});

window.addEventListener('load', function (){
    alert('Function #2');
});

ウィンドウが読み込まれる前にこれらを呼び出すようにしてください。

于 2013-05-09T14:24:20.933 に答える
1

ちょうど私の 2 セント、これを行う私の個人的なお気に入りの方法は次のとおりです。

function window_onload(cb) {
    try {
        if (typeof cb == 'function') {
            if (document.readyState == 'complete') cb();
            else if (window.hasOwnProperty('jQuery')) jQuery(window).on('load', cb);
            else if (window['addEventListener']) document.addEventListener('load', cb, false);
            else if (window['attachEvent']) {
                //  iFrame
                if (window['frameElement']) document.attachEvent('onreadystatechange', function(){ if (document.readyState === 'complete') window_onload(cb); });
                else window.attachEvent('onload', cb);
            }
            else {
                var fn = window.onload; // very old browser, copy old onload
                window.onload = function() { fn && fn(); ready(); };
            }
        }
    }
    catch (err) { if (window['console'] && console['error']) console.error("ERROR[window_onload()]", err); }
    return window;
}

これでほぼすべてをカバーできます。必要に応じて、簡単にデバッグできます。これも先に進み、ドキュメントが既に「ロード」されている場合はコールバックを起動します。

于 2016-08-13T15:38:59.787 に答える
1

window.addEventListener は IE では機能しないため、window.attachEvent を使用します。

このようなことができます

function fun1(){
    // do something
}

function fun2(){
    // do something
}


var addFunctionOnWindowLoad = function(callback){
      if(window.addEventListener){
          window.addEventListener('load',callback,false);
      }else{
          window.attachEvent('onload',callback);
      }
}

addFunctionOnWindowLoad(fun1);
addFunctionOnWindowLoad(fun2);
于 2015-04-10T08:40:17.693 に答える