有没有一种方法可以用一个请求加载多个iframe

Is there a way to load multiple iframes with a single request?

本文关键字:一个 请求 iframe 加载 一种 方法 有没有      更新时间:2023-11-12

我的网站中有多个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。

有什么建议吗?

我不久前也遇到过类似的问题。我将返回的数据保存为HTML类型的Blob,然后将其指定为iframe的源。网上有很多例子,但最有趣的是:

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

此时,您可以为iframe数组的each分配src。查看方法2,了解我的更多想法:http://www.html5rocks.com/en/tutorials/streaming/screenshare/