Question

所以我有大量的html由我需要显示的Web服务提供。问题是这个html经常包含很多iframe链接到youtube视频。我数了一个大约20个。

这些不是少量的html，我试图在这里权衡效率。现在，这20个iframe正在减慢应用程序的速度。

什么会更有效率？停止加载iframe（我不知道该怎么做）

-OR -

解析html并移除iframe并将其替换为其中的视频链接，从而允许用户打开视频，但不必担心iframe。这可以在它们显示之前完成，并且可能会稍微增加加载时间，但会减少http调用（我认为）

- 或 -

有什么建议吗？

谢谢

（我也没有使用JQuery，也没有）

Answer 1

所以这是我发现的方法有点。唯一的问题是我注意到iframes嵌套在表格中并不总能找到它们，如果有人有替代方法请告诉我。

parseMessage: function(json) {
      var container = document.createElement('div');
      container.id = 'tempContainer';
      document.body.appendChild(container);
      container.innerHTML = json[4];
      var iframes = container.getElementsByTagName("iframe");
      if (iframes.length != 0)
      {
        for (var a = 0; a < iframes.length; a += 1) {
            var sourcetemp = iframes[a].src;
            var parent = iframes[a].parentNode;
            var newNode = document.createElement('a');
            newNode.href = sourcetemp;
            newNode.innerHTML = sourcetemp;
            parent.removeChild(iframes[a]);
            parent.appendChild(newNode);
        }
      }
      document.body.removeChild(container);
      return container.innerHTML;
      //mydiv = json[4].getElementById('FirstDiv');
      //while ( mydiv.firstChild ) mydiv.removeChild( mydiv.firstChild );
  },

如何在动态html中有效地处理大量的iframe

1 个答案: