将javascript添加到iframe并执行它答案

【问题标题】：Add javascript to iframe and execute it将javascript添加到iframe并执行它
【发布时间】：2016-01-18 14:55:28
【问题描述】：

我正在尝试执行以下操作。假设我有 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 解析器以获取其内容？

【问题讨论】：

【解决方案1】：

两件事。

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

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

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

【讨论】：