另一个iframe完成加载后，加载一个iframe

本文介绍了另一个iframe完成加载后，加载一个iframe的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我在一个网页中有多个 iframe 标签，但我希望它们不要一次全部加载.意思是，我希望 iframe1 在打开页面后开始加载，然后在完全完成加载后，我希望 iframe2 开始加载，然后完全加载，然后然后 iframe3 开始加载，等等.

I have multiple iframe tags in a webpage, but I would like them not to load all at once. Meaning, I want iframe1 to start loading once the page is opened, then when it's completely finished loading, I want iframe2 to start loading, and then completely load, and then iframe3 to start loading, etc.

我对JSP完全陌生，对JavaScript也不是很熟练.

I'm completely new to JSP and not very expert with JavaScript.

<iframe id="iframe1" src="..."></iframe>
<iframe id="iframe2" src="..."></iframe>
<iframe id="iframe3" src="..."></iframe>
.
.
.

推荐答案

像这样使用html:

<iframe id="iframe1" data-src="..."></iframe>
<iframe id="iframe2" data-src="..."></iframe>
<iframe id="iframe3" data-src="..."></iframe>

和js:

$(function() {
  var iframes = $('iframe');
  var i = 0;
  (function next() {
      var iframe = iframes.eq(i++);
      if (iframe.length) {
          iframe.attr('src', iframe.data('src')).load(next);
      }
  })();
});

这篇关于另一个iframe完成加载后，加载一个iframe的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！