Question

我正在尝试执行以下操作。假设我有html文件，其中包含空白iframe

<iframe id="preview"></iframe>

现在我需要编写一个脚本来更新那个iframe的内容

var preview=document.getElementById("preview");
    preview.src = 'data:text/html;charset=utf-8,' + HTML_CODE_HERE;

当代码包含外部CSS或javascript文件时，会出现问题，它们似乎不会解析/执行。

如何让iframe重新加载并重新运行HTML解析器以获取内容？

Answer 1

两件事。

1.为什么你的iframe的src是一个完整的HTML页面？你不应该创建一个HTML页面，比如page1.html，并在你的src中引用它吗？

2.您可能会遇到外部路径和CSS的问题，因为在显示iframe时会给出路径。

3.要重新加载iframe，请检查此StackOverflow link。