Javascript 将整个HTML页面导入到另一个页面

我正在尝试在我的网站中嵌入另一个网站，但我不想使用iFrame或AJAX导入，因为可能会导致一些问题

var link=document.querySelector（'link[rel=“import”]”）；
var content=link.import；
document.body.appendChild（content.cloneNode（true））；

它不起作用，因为从

元素的

import

属性获得的对象是一个接口。 不能在

元素中插入此类型的对象

相反，您至少应该从导入文档的属性中获取其

元素：

 var content = link.import.documentElement  //returns a html element

但它仍然不正确，因为您将在

元素中插入一个

元素，这很难看

您最好将导入文档的innerHTML文本复制到主文档：

 document.body.innerHTML = link.import.querySelector( 'body' ).innerHTML

---

或者将要导入的HTML放入一个

，如果您想推迟脚本的执行和加载，这会更好。

是的，但是如果没有CORS访问，您将无法在其他网站页面上执行JavaScript。是的，我已经确保启用了CORS。我只是无法使用上面的代码将网站嵌入到我的网页中。它似乎没有加载任何内容。您是否尝试添加

var el=content.querySelector（'html'）；document.body.appendChild（el.cloneNode（true））？仅从页面加载特定的div，在html页面中也没有任何名为warning的内容。我试图加载整个页面，将其嵌入到我的站点中，但不使用iframe。