javascript - Web ページが JavaScript で読み込まれるまで待つ方法は?

Question

javascriptでhtmlの2ページ間を切り替えたいのですが、で切り替えるとwindow.locationこの文以降のコードが実行され続けます。

そのため、たとえば、getElementById()ページがまだロードされているため、それを呼び出しても要素が認識されません。

function myFun(){

    // ...

    window.location = 'page.html';

    // ... wait until page.html is loaded

}

この問題を回避するには、ページが読み込まれるまで待つにはどうすればよいですか?

score 12 · Accepted Answer

あなたがするとき

window.location = 'page.html';

のコードを含むブラウザのページをmyFun新しいページに置き換えます。この命令に続くコードを実行する方法はありません。

あなたがそれを実行したいのであれば、その変更ページの後にのみ（しかし、私は要点がわかりません）、あなたはそうするかもしれません

document.onload = function(){ window.location = 'page.html'; };

score 2 · Accepted Answer

jQuery document.readyを使用するか、このようなカスタムバインドを作成できます。jQueryを使用する場合。

   $(document).ready(function() {
        window.location = 'page.html';
    });

score 2 · Accepted Answer

を実行した後、自分のページでコードを実行することはできませんwindow.location = 'page.html';。ページは新しいページに置き換えられ、現在のページのコードはなくなります。

が現在のウィンドウにロードされた後にコードを実行する唯一の方法page.htmlは次のとおりです。

iframe または別のウィンドウにロードし、iframe またはウィンドウのロードがいつ終了するかを監視します。このようにして、現在のコードは残り、置き換えられません。
page.htmlロードが完了したときにそのモニターにいくつかのコードを配置し、そこから目的のアクションをトリガーします。

3 に答える 3