Javascript从iframe内部更改iFrame的内容

Question

如何从iframe的内部更改iframe的innerHTML？

<iframe>
foo

<script>
.... will change "foo" to "bar" .....
</script>

</iframe>

Answer 1

这不是iframe的工作方式。

iframe标记的innerHTML是后备内容，仅在浏览器不支持iframe时显示。 当前所有的浏览器（包括屏幕阅读器）都支持它们。 除非您的网站需要支持真正的古老浏览器（我们所谈论的是1990年代中期的IE5及更低版本），否则通常可以将其省略，因为不会向任何人显示。

相反，请使用iframe标记上的src属性指向单独的网页，该网页将与父窗口分开工作。

<iframe src="this_page_will_be_shown_in_the_frame.html">
  This is fallback content that will not be shown in any current browsers
</iframe>

该框架页面可以拥有自己的javascript和CSS，它们可以独立于父窗口修改其内容-因此，如果您不在框架内部，则可以按照与修改框架完全相同的方式在框架内修改框架页面框架。

如果父级文档和框架文档位于同一个域名上，则可以使javascript相互影响-通过使用frame中的window.parent或父级iframe节点上的.contentWindow但默认情况下两者每个文档的CSS和javascript都将分别工作，并且不会互相影响。