我创建了一个节点模块来解决这个问题node-iframe-replacement。您提供父站点的源URL和CSS选择器注入您的内容，它将两者合并在一起。

对父站点的更改每5分钟被检测一次。

var iframeReplacement = require('node-iframe-replacement');

// add iframe replacement to express as middleware (adds res.merge method) 
app.use(iframeReplacement);

// create a regular express route 
app.get('/', function(req, res){

    // respond to this request with our fake-news content embedded within the BBC News home page 
    res.merge('fake-news', {
        // external url to fetch 
       sourceUrl: 'http://www.bbc.co.uk/news',
       // css selector to inject our content into 
       sourcePlaceholder: 'div[data-entityid="container-top-stories#1"]',
       // pass a function here to intercept the source html prior to merging 
       transform: null
    });
});

该源代码包含一个向BBC新闻主页注入内容的工作示例。

不，没有等价物。<iframe>元素在HTML5中仍然有效。根据您需要的确切交互，可能会有不同的api。例如，postMessage方法允许你实现跨域javascript交互。但是如果你想要显示跨域的HTML内容(使用CSS样式并使用javascript进行交互)，iframe仍然是一个很好的方法。

你可以使用object和embed，像这样:

<object data="http://www.web-source.net" width="600" height="400">
    <embed src="http://www.web-source.net" width="600" height="400"> </embed>
    Error: Embedded data could not be displayed.
</object>

这并不新鲜，但仍然有效。但我不确定它是否具有相同的功能。

在自己网站的页面中加载另一个网站的页面的关键问题是安全性。这里定义了跨站点安全策略，如果另一个站点将其设置为严格的同源策略，则您将没有机会直接在iframe中加载它。因此，为了找到iframe的替代方案，它们必须能够绕过这个安全策略限制，即使在将来，如果WSC引入任何新组件，它也会有类似的安全限制。

目前，绕过这个问题的最好方法是在逻辑中模拟正常的页面访问，这意味着AJAX +服务器端访问可能是一个不错的选择。您可以在服务器端设置一些代理，获取页面内容并将其加载到iframe中。这是可行的，但不是完美的，因为如果在内容中有任何链接或图像，他们可能无法访问。

通常，如果您尝试在自己的iframe中加载一个页面，则需要检查该页面是否可以在iframe中加载。这篇文章给出了一些如何检查的指导方针。

可以使用XMLHttpRequest将页面加载到div(或页面的任何其他元素)中。一个例子函数是:

function loadPage(){
if (window.XMLHttpRequest){
    // code for IE7+, Firefox, Chrome, Opera, Safari
    xmlhttp=new XMLHttpRequest();
}else{
    // code for IE6, IE5
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}

xmlhttp.onreadystatechange=function(){
    if (xmlhttp.readyState==4 && xmlhttp.status==200){
        document.getElementById("ID OF ELEMENT YOU WANT TO LOAD PAGE IN").innerHTML=xmlhttp.responseText;
    }
}

xmlhttp.open("POST","WEBPAGE YOU WANT TO LOAD",true);
xmlhttp.send();
}

如果您的服务器是有能力的，您也可以使用PHP来完成此工作，但由于您要求的是HTML5方法，因此这应该是您所需要的全部。

我创建了一个节点模块来解决这个问题node-iframe-replacement。您提供父站点的源URL和CSS选择器注入您的内容，它将两者合并在一起。

对父站点的更改每5分钟被检测一次。

var iframeReplacement = require('node-iframe-replacement');

// add iframe replacement to express as middleware (adds res.merge method) 
app.use(iframeReplacement);

// create a regular express route 
app.get('/', function(req, res){

    // respond to this request with our fake-news content embedded within the BBC News home page 
    res.merge('fake-news', {
        // external url to fetch 
       sourceUrl: 'http://www.bbc.co.uk/news',
       // css selector to inject our content into 
       sourcePlaceholder: 'div[data-entityid="container-top-stories#1"]',
       // pass a function here to intercept the source html prior to merging 
       transform: null
    });
});

该源代码包含一个向BBC新闻主页注入内容的工作示例。