当我在 iframe 中编辑时，如何自动更改 Html 页面的内容

Question

我创建了一个动态 html 页面，并通过单击在文本编辑器中打开动态 html 页面的内容在 home.html 页面中打开它。当我在文本编辑器中编辑内容时，我希望这些更改自动出现在动态 html 页面中

我已经创建了动态 html 页面内容

<h1>This is my first content</h1>
<h2>This is my first content</h2>
<h3>This is my first content</h3>
<h4>This is my first content</h4>
<h5>This is my first content</h5> 

我在 home.html 中打开了

$(function () {
    load_home();
});
function load_home() {
     document.getElementById("content").innerHTML='<object style="width:100%; height:1000px; overflow-y:hidden;" type="text/html" data="Responce.html" ></object>';
}

我通过点击编辑按钮在 iframe 中打开了内容

<iframe id="texteditor" src="Responce.html" name="texteditor" style="width: 100%; height: 74%;"></iframe>

当我在文本编辑器中编辑内容时，我希望更改自动显示在动态 html 页面中。

Answer 1

您可以使用位置对象重定向到 JS 中的页面：

window.location.href = "/redirect.html";

不知道你的第二句话是什么意思，重定向到一个页面意味着你正在重定向的页面被卸载。

如果您只想打开一个窗口并在其中写入一些文本而不重定向任何内容，您可以使用 window.open 代替：

var myWindow = window.open();
myWindow.document.write("<your text>");