Javascript 逐个创建多个iframe

如何逐个加载多个iframe

DadosDashboard是一个json，带有：Posicao=number；objeto=url/src

$(this.DadosDashboard).each(function(index, el) {

        if (document.getElementById("ContainerGraficosAdd" + el.Posicao) != null) {
            document.getElementById("ContainerGraficosAdd" + el.Posicao).innerHTML = '<iframe width="100%" height="100%" id="iframe' + el.Posicao + '" class="iframe" scrolling="no" src="el.Objeto.toLowerCase()" frameborder="0" ></iframe>';
        }
    });

$（this.DadosDashboard）.每个（函数（索引，el）{
if（document.getElementById（“ContainerGraficosAdd”+el.Posicao）！=null）{
document.getElementById（“ContainerGraficosAdd”+el.Posicao.innerHTML=”；
}
});

---

通过这种方式，它一次加载所有数据。

您可以使用

设置超时

并增加

每次迭代的时间延迟。每个
（
索引*500
将每个
iframe
的创建间隔500ms）

$（this.DadosDashboard）.每个（函数（索引，el）{
if（document.getElementById（“ContainerGraficosAdd”+el.Posicao）！=null）{
setTimeout（函数（）{
document.getElementById（“ContainerGraficosAdd”+el.Posicao.innerHTML=”；
}，索引*500）
}
});
您可以使用
设置超时
并增加
每次迭代的时间延迟。每次
（
索引*500
将每个
iframe
的创建间隔500ms）

$（this.DadosDashboard）.每个（函数（索引，el）{
if（document.getElementById（“ContainerGraficosAdd”+el.Posicao）！=null）{
setTimeout（函数（）{
document.getElementById（“ContainerGraficosAdd”+el.Posicao.innerHTML=”；
}，索引*500）
}
});
我改变了，我在每个iframe上创建了“iframe.addEventListener（'load'，function（）{}”，这个调用是在加载完成后进行的，所以我在这个内部调用/创建下一个iframe…这对需要逐个调用多个iframe的任何人都是有用的

  this.renderComponents = function(srcativo, posicao, index){

  if (document.getElementById("ContainerGraficosAdd" + posicao) == null) {
    return;
  }
   document.getElementById("ContainerGraficosAdd"+posicao).innerHTML = '<iframe onload="' + _mthis.me() + '.setIframeHeight(iframe' + posicao + ')" width="100%" height="100%" id="iframe' + posicao + '" class="iframe" scrolling="no" src="' + srcativo.toLowerCase() + '" frameborder="0" ></iframe>';
var iframe = document.getElementById("iframe"+posicao);

    iframe.addEventListener('load', function(){
    index = index+1;
  typeof(some_variable) !== "undefined" && some_variable !== null
    if(_mthis.DadosDashboard[index]  === undefined || _mthis.DadosDashboard[index]==null){
   return;
  }
  srcativo = _mthis.DadosDashboard[index].Objeto;
  posicao = _mthis.DadosDashboard[index].Posicao;
  _mthis.renderComponents(srcativo,posicao,index);});}

this.renderComponents=函数（srctivo、posicao、index）{
if（document.getElementById（“ContainerGraficosAdd”+posicao）==null）{
返回；
}
document.getElementById（“ContainerGraficosAdd”+posicao.innerHTML=”；
var iframe=document.getElementById（“iframe”+posicao）；
iframe.addEventListener（'load'，function（）{
指数=指数+1；
typeof（some_变量）！==“未定义”&&some_变量！==null
if（|mthis.DadosDashboard[index]==未定义| | | u mthis.DadosDashboard[index]==空）{
返回；
}
srctivo=_mthis.DadosDashboard[index].Objeto；
posicao=_mthis.DadosDashboard[index].posicao；
_mthis.renderComponents（srctivo、posicao、index）；}）；}
我改变了，我在每个iframe上创建了“iframe.addEventListener（'load'，function（）{}”，这个调用是在加载完成后进行的，所以我在这个内部调用/创建下一个iframe…这对需要逐个调用多个iframe的任何人都是有用的

  this.renderComponents = function(srcativo, posicao, index){

  if (document.getElementById("ContainerGraficosAdd" + posicao) == null) {
    return;
  }
   document.getElementById("ContainerGraficosAdd"+posicao).innerHTML = '<iframe onload="' + _mthis.me() + '.setIframeHeight(iframe' + posicao + ')" width="100%" height="100%" id="iframe' + posicao + '" class="iframe" scrolling="no" src="' + srcativo.toLowerCase() + '" frameborder="0" ></iframe>';
var iframe = document.getElementById("iframe"+posicao);

    iframe.addEventListener('load', function(){
    index = index+1;
  typeof(some_variable) !== "undefined" && some_variable !== null
    if(_mthis.DadosDashboard[index]  === undefined || _mthis.DadosDashboard[index]==null){
   return;
  }
  srcativo = _mthis.DadosDashboard[index].Objeto;
  posicao = _mthis.DadosDashboard[index].Posicao;
  _mthis.renderComponents(srcativo,posicao,index);});}

this.renderComponents=函数（srctivo、posicao、index）{
if（document.getElementById（“ContainerGraficosAdd”+posicao）==null）{
返回；
}
document.getElementById（“ContainerGraficosAdd”+posicao.innerHTML=”；
var iframe=document.getElementById（“iframe”+posicao）；
iframe.addEventListener（'load'，function（）{
指数=指数+1；
typeof（some_变量）！==“未定义”&&some_变量！==null
if（|mthis.DadosDashboard[index]==未定义| | | u mthis.DadosDashboard[index]==空）{
返回；
}
srctivo=_mthis.DadosDashboard[index].Objeto；
posicao=_mthis.DadosDashboard[index].posicao；
_mthis.renderComponents（srctivo、posicao、index）；}）；}
一个接一个是什么意思？任何时间间隔？例如：我的页面有10个带图形的iFrame，它需要加载全部才能在屏幕上显示某些内容，我想一个接一个地加载才能逐渐显示..什么是一个接一个？任何时间间隔？例如：我的页面有10个带图形的iFrame，它需要加载全部才能在屏幕上显示某些内容n、 我想一个接一个地加载以逐渐显示。我想在前一个iframe完成后再启动另一个iframe，但我会测试你的建议，然后再回来。Tanks我想在前一个iframe完成后再启动另一个iframe，但我会测试你的建议，然后再回来。Tanks