javascript - 没有 src 的 iframe 但仍然有内容？

Question

在他们的站点上调试 jquery 代码时(通过 chrome 开发人员工具栏)

我注意到他们的例子是在 Iframe 下给出的:

Here - for example有一个 Iframe 下的示例，但在调查之后，我发现 Iframe 没有 SRC

一张图说明一切

问题:

是否可以在不设置 SRC 的情况下将内容设置到 Iframe？

附注这个菜单还显示了一个空内容

Answer 1

是的，可以加载一个空的 <iframe> (没有指定 src)，然后使用脚本向其应用内容。

参见:http://api.jquery.com/jquery-wp-content/themes/jquery/js/main.js (第 54 行及以下)。

或者简单地尝试:

<iframe></iframe>

<script>
document.querySelector('iframe')
        .contentDocument.write("<h1>Injected from parent frame</h1>")
</script>