jquery - JQuery を使用せずにクロスブラウザー $(document).ready() の動作を模倣する方法

Question

重複の可能性:
jQuery を使用しない $(document).ready と同等

DOM の準備が整った状態で実行する必要があるスクリプトを作成する必要がありますが、スクリプトの一部として JQuery に依存することはできません。

を真似したいのですが$(document).ready()、この動作を最短で実装するにはどうすればよいでしょうか?

score 3 · Accepted Answer

以下を使用できます。

document.addEventListener("DOMContentLoaded", function(){
//do things
},false);

例えば。ただし、これは古いブラウザーでは問題になる可能性があることに注意してください。サポートされているブラウザーのリストについては、MDNを参照してください。

score 0 · Accepted Answer

あなたは2つのことをすることができます。body タグに onload イベントを追加します。

    <body onload="myJSFunction()"></body>

それ以外の場合は、次のようにマークアップの下部に関数を追加できます。

<script type="text/javascript"> function myFunction()</script>

score -1 · Accepted Answer

window.onload = function() {
    // write some javascript here
    // this will be executed on page load
}

3 に答える 3