Question

我的网站中有多个iframe，并且所有iframe都加载了用户键入的相同网址。每个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的源。有很多在线示例，但主旨是：

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

此时，您可以为每个iframe数组分配src并为每个数组分配src。查看方法2，了解我的更多信息： http://www.html5rocks.com/en/tutorials/streaming/screenshare/

有没有办法通过一个请求加载多个iframe？

1 个答案: