Question

总的来说，我只想写一个外部文件。所以，我有两个HTML文件，目前有一个JS文件。假设html页面名为main.html和inframe.html。目前，我的JavaScript文件是空的，函数我正在尝试编写一个函数，这样如果我在main.html上的输入中键入内容，单击一个按钮，就可以将其写入inframe.html。

目前，我有iframe：

<iframe src="inframe.html" style="background: #FFFFFF;"width="350px" height="100%">
        <p>Your browser does not support iframes.</p>
</iframe>

只需在main.html中输入一个按钮：

<button style="width:100%; onclick="doStuff()"> &lt;h4&gt; </button>

函数doStuff（）应该简单地编写＆＃34; Hello World！＆＃34; to inframe.html应该在iframe中显示哪些内容。

我究竟能完成这样的任务？看起来很简单，但我无法弄清楚。

Answer 1

这样做的一种方法是使用iframe元素的contentWindow属性，但首先给iframe一个id来访问它。

HTML

<iframe id="myFrame" height="100" width="300" src="about:blank"></iframe>
<button onclick="doStuff()" type="button">doStuff</button>

的JavaScript

function doStuff() {
   var frame = document.getElementById("myFrame");
   var win = frame.contentWindow;

   win.document.write("hello folks")
}

当然document.write主要是在学习JavaScipt和HTML时使用，并且在其他地方看不到多少用途。

您可以通过搜索＆＃34; MDN IFRAME元素＆＃34;来研究这样的事情。开头。

有没有办法写入通过Iframe显示的外部HTML文件？

1 个答案: