Question

我有一个小项目要做，并希望使用iframe显示多个页面。所以在我的主HTML页面上我需要4个iframe，并且我已经让它们刷新了。只是想让代码更整洁，并以另一种方式访问iframe，这是我在这里所做的：

 function refresh() 
   {
     var iframe = document.getElementById('website1');
     iframe.src = iframe.src;
     setTimeout('refresh()',refreshCycleTime);

     var iframe2 = document.getElementById('website2');
     iframe2.src = iframe2.src;
     setTimeout('refresh()',refreshCycleTime);

     var iframe3 = document.getElementById('website3');
     iframe3.src = iframe3.src;
     setTimeout('refresh()',refreshCycleTime);

     var iframe4 = document.getElementById('website4');
     iframe4.src = iframe4.src;
     setTimeout('refresh()',refreshCycleTime);
   }

我尝试将网站1，网站2，网站3 ...全部放在一个getElementById中，但考虑到它，getbyID只适用于一个元素。那么我可以在这里使用另一种解决方案吗？

我尝试将一个类应用于iframe而不是id，然后使用getelementsbyclass name方法，但这对我没用。

谢谢

Answer 1

您可以使用each和iframe选择器：

  function RefreshIframes(){
     $("iframe").each(function() { 
          var src= $(this).attr('src');
         $(this).attr('src',src);  
     });
  }

  setInterval(function(){ 
      RefreshIframes();
  }, 1000);

演示：https://jsfiddle.net/143orcmn/

刷新多个iframe

1 个答案: