ホームページ  >  記事  >  ウェブフロントエンド  >  javascript addLoadEvent 関数の説明_javascript スキル

javascript addLoadEvent 関数の説明_javascript スキル

WBOY
WBOYオリジナル
2016-05-16 18:37:321042ブラウズ

Web ページに特殊効果を追加する場合、多くの場合、「onload」イベントを に追加する必要があります。つまり、Web ページがロードされた後にイベントを実行する必要があります。例:
現時点では、 の onload イベントを置き換えるために "window.onload" または "document.body.onload" を使用することを考えます。確かに、問題は解決されますが、複数の onload をロードする場合。イベントの追加と切り取りの順序を制御するときにいくつかの問題が発生する可能性があります。「Paul Koch」によって作成された addLoadEvent() 関数を発見するまで、すべての問題は解決されました。 の onload イベントを置き換えるために「window.onload」または「document.body.onload」を使用する必要がある場合は、前者を使用することをお勧めします。Firefox ブラウザでは無効です。つまり、互換性があります。問題。

JavaScript コード

コードをコピー コードは次のとおりです:

function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window.onload = func; 🎜>window .onload = function() {
oldonload();
}
}
}



メソッド呼び出し:


コードをコピー コードは次のとおりです: addLoadEvent( wwwjb51());
//または
addLoadEvent(function(){
document.body.style.backgroundColor = ' yellow';
jb51();
}); >


デモ コード:


声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。