有没有办法用单个请求加载多个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/