3

こんにちは、ページに 10 個の iframe をロードしようとしていますが、1 つずつロードしたいのですが ...

例: 1st sholud は 1st をロードし、ロードが完了すると 2nd がロードを開始する必要があります ... など

私はこれを試していました

$i = 1;
while($i < 10){
    echo '<iframe src="/get_data.php?id='.$id.'&i='.$i.'"></iframe>';
    $i++;
    }

ここで、それらすべてが一緒に読み込まれるという問題があります...これを行う方法はありますかjavascript or php

4

3 に答える 3

2

この応答に基づいて動的に iframe を作成し、それに onload イベントをアタッチします

Yoは次のようなことができます：

  var urls_to_load = ["http://url.com","http://url2.com","http://url3.com","http://url4.com"];
var i = 0;
function loadIframeAndcheckIfReady(){
    var current_url = urls_to_load[i];
    alert(i);
    frame = document.createElement('iframe');
    document.body.appendChild(frame);
    frame.setAttribute('src',current_url);
    var inter = window.setInterval(function() {
        if (frame.contentWindow.document.readyState === "complete") {
          window.clearInterval(inter);
          i++; //Now we have one url more...
          if(i < urls_to_load.length)loadIframeAndcheckIfReady(); //recursively call the function until i it's iqual to urls_to_load.length
        }
    }, 100);
}
loadIframeAndcheckIfReady(); //Start process
于 2013-06-03T17:57:10.137 に答える