有沒有辦法用單個請求加載多個iframe？

Question

我在我的網站中有多個iframe，並且它們都加載用戶輸入的相同URL。每個iframe發出一個請求來獲取網頁。我想知道它是否是製作單個請求並加載所有內容的iframe的方式。我嘗試使用此代碼：

function loadFrames(){ 
    $.get("http://example.com", function(data) { 
     allFrames.each(function(index) { 
      var frame = allFrames[index]; 
      frame.contentWindow.document.write(data); 
     } 
}); 

但問題是，它沒有加載好的網頁的CSS和JavaScript。

有什麼建議嗎？

Answer 1

前段時間我有類似的問題。我將返回的數據保存爲HTML類型的Blob，然後將其指定爲iframe的源。有很多網上的例子，但JIST是：

var blob = new Blob([data], {type: 'text/html'}); 
var blob_url = URL.createObjectURL(blob); 
iframe_1.src = blob_url; 

此時你可以在你的iframe數組的forEach和Src分配給每個。檢查方法2更多的想法我得到： http://www.html5rocks.com/en/tutorials/streaming/screenshare/