如何高效地處理動態html中的多個iframe

Question

因此，我需要顯示一個Web服務提供的大量html。問題是這個html經常包含許多iframe鏈接到youtube視頻。我已經計算了一個包含大約20個的數字。

這些不是少量的html，我試圖在這裏權衡效率。現在這20個iframe正在減慢應用程序的爬行速度。

什麼會更有效？通過HTML停止加載I幀（這我不能確定如何做）

- 或 -

解析和刪除I幀，並與鏈接替換他們在其中的視頻，從而使用戶打開視頻，但不必擔心iframe。這可以在顯示前，可能會增加加載時間位來實現，但會減少HTTP調用（我認爲）

- 或 -

有什麼建議？

感謝

（還有我沒有使用JQuery也不可用）

Answer 1

因此，這裏是我發現有些作品的方法。唯一的問題是我注意到內嵌在表格內的iframe並不總能找到它們，如果有人有另一種方法，請讓我知道。

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); 
    },