Javascript 从URL保存HTML数据

Javascript 从URL保存HTML数据,javascript,angular,filesaver.js,Javascript,Angular,Filesaver.js,我需要在我的网页上显示外部HTML5内容(使用Angular 6)。 我不能使用iFrame标记,因为服务器只允许“同源”。 我尝试过使用FileSaver.js,但是如何保存HTML内容并在我的网站上显示呢 如果您有文件url,可以使用blob和url.createObjectURL使其可用于iFrame(显示) 如果您需要下载,只需创建一个标记,文件url为href,我不确定它在Angular上是如何工作的,但这可能会有所帮助。 我已经用Javascript实现了这一点: <scrip

我需要在我的网页上显示外部HTML5内容(使用Angular 6)。 我不能使用iFrame标记,因为服务器只允许“同源”。
我尝试过使用FileSaver.js,但是如何保存HTML内容并在我的网站上显示呢

如果您有文件url,可以使用
blob
url.createObjectURL
使其可用于
iFrame
(显示)


如果您需要下载,只需创建一个
标记,文件url为
href

,我不确定它在Angular上是如何工作的,但这可能会有所帮助。 我已经用Javascript实现了这一点:

<script type="text/javascript">
$( document ).ready(function() {
    document.getElementById("includeHeader").innerHTML = content.headerContent;
});

其思想是使用本地源的Javascript将代码注入HTML。

您想在客户端加载该数据吗?只有在原点支持CORS的情况下才能执行此操作。否则,您必须在服务器端执行此操作。是的,在客户端,源站不支持CORS。是否可以将html内容下载到文件或其他缓冲区并显示?。这样,我就不会直接使用url。不,如果源站不支持CORS,您就不能在客户端加载它,而不将其代理到服务器端。好的,谢谢您的澄清。
<script type="text/javascript">
$( document ).ready(function() {
    document.getElementById("includeHeader").innerHTML = content.headerContent;
});
var content = {
headerContent: 
'YOUR HTML HERE' }