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

Posted 2023-05-07

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

【英文标题】：How to change content of Html page automatically When i was editing in iframe

【发布时间】：2018-05-13 01:09:28

【问题描述】：

我创建了一个动态 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 页面中。

【问题讨论】：

我们应该编码吗？

首先：***.com/help/how-to-ask如果你想要所有代码，也许你想雇人

How to redirect to another webpage?的可能重复

请参阅此link。这可能是您的问题的可能解决方案。

嗨，欢迎来到 Stack Overflow，请花时间阅读 tour 以及 How to Ask 和 help center。

【参考方案1】：

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

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

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

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

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