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

Load an iframe once another iframe has finished loading

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

我是 JSP 的新手,对 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);
      }
  })();
});