javascript - iframe に一連のページを 1 つずつ読み込む

Question

ページのセットを 1 つずつロードし、現在のリクエストが終了したら次にロードしようとしています。

サンプルページでは、iframe を 1 つだけ取得しました。

<iframe onload="loadNext()"></iframe>

そして、次のスクリプトを使用して仕事をします。

    var i = 0;

    function loadNext()
    {
        var urls = [
        'http://localhost/a.htm',
        'http://localhost/b.htm',
        'http://localhost/c.htm',
        ];

        if (i > urls.length - 1)
        {
            console.log ("Done!");
            return;
        }

        document.querySelector('iframe').src = urls[i ++];
    }

しかし、onload イベントのトリガーが速すぎて、3 ページが順番に読み込まれることを期待していましたが、そうではなく ( Networkchrome ブラウザーのタブから)、nginx のアクセス ログも表示されませんでした。

うまくいかない理由はありますか？