Javascript 替换iframe的内容

index.html文件：

在IFRAME中AppRTC web应用程序
div{
位置：相对位置；
宽度：700px；
高度：500px；
溢出：隐藏；
}
iframe{
位置：绝对位置；
顶部：-95px；
左：-25px；
宽度：1024px；
高度：768px；
}

JS同一原产地政策：

可能您遇到了拒绝访问或类似的错误消息 当使用JavaScript与iFrame交互时。如果 包含文档和iframed文档的来源不同 域，并尝试引用彼此的对象

同源策略是JavaScript的一个安全特性 防止从不同来源访问文档的属性和方法 然而，有一些方法可以缓解或避免这种情况 限制

阅读更多信息：

JS同源策略：

可能您遇到了拒绝访问或类似的错误消息 当使用JavaScript与iFrame交互时。如果 包含文档和iframed文档的来源不同 域，并尝试引用彼此的对象

同源策略是JavaScript的一个安全特性 防止从不同来源访问文档的属性和方法 然而，有一些方法可以缓解或避免这种情况 限制

---

阅读更多信息：

在这里，我们可以看到大小被切换

const frame=document.querySelector（'iframe'）；
document.querySelector（'button'）。addEventListener（'click'，（{target}）=>{
frame.classList.toggle（'large'）；
});
.large{
宽度：500px；
}

单击此处的“我”
，我们可以看到正在切换大小


const frame=document.querySelector（'iframe'）；
document.querySelector（'button'）。addEventListener（'click'，（{target}）=>{
frame.classList.toggle（'large'）；
});
.large{
宽度：500px；
}

单击我
您无法更改iframe的内容--这是一个安全问题。如果您可以更改一个类，那么什么会阻止您收集登录凭据，因为您知道输入字段的id或类？好的。你的意思是，我根本无法更改iframe的任何文本？正确。。浏览器不允许您“接触”iFrame和modifyOk。我可以在操作后自动更改iframe的大小吗？例如，我减小大小以隐藏文本（class=“col-md-12”），如果有人点击“开始”按钮，iframe的大小将增加？您可以控制iframe的大小是的。您不能更改iframe的内容--这是一个安全问题。如果您可以更改一个类，那么什么会阻止您收集登录凭据，因为您知道输入字段的id或类？好的。你的意思是，我根本无法更改iframe的任何文本？正确。。浏览器不允许您“接触”iFrame和modifyOk。我可以在操作后自动更改iframe的大小吗？例如，我减小大小以隐藏文本（class=“col-md-12”），如果有人点击“开始”按钮，iframe的大小将增加？您可以控制iframe的大小是的。谢谢，现在我得到了一些东西。如何规避这种限制？该链接向您展示了一些选项，如
document.domain
属性、postMessage和正确设置跨源资源共享（也称CORS）。您可以在iframe上添加透明元素，用户会单击它们，但滚动会破坏它。您也可以使用@bibberty solution隐藏iframe的一部分，或者通过添加一些散列或获取参数将iframe src更改为另一个URL，甚至更改为相同的链接。谢谢，现在我得到了一些东西。如何规避这种限制？该链接向您展示了一些选项，如
document.domain
属性、postMessage和正确设置跨源资源共享（也称CORS）。您可以在iframe上添加透明元素，用户会单击它们，但滚动会破坏它。您也可以使用@bibberty solution隐藏iframe的一部分，或者通过添加一些散列或获取参数，将iframe src更改为另一个URL，甚至更改为同一链接。太好了。我刚刚测试过，它已经工作了，但是，它只会改变iframe的大小。如何单击Iframe中的按钮？按钮元素：
Join
Ok，您拥有iframe内容吗？如果是这样，您将需要在框架及其主机页之间发送消息。（所有这些都是可行的，但都是艰苦的工作）。另外，如果iframe来自同一个域，那么您可以检查dom的各个方面，您拥有iframe内容是什么意思？不幸的是，iframe不是从同一个域提供的。好的，iframe中的HTML是否在您的控制之下？如果没有。你能做的不多：（我只有这个。有什么想法吗？很好。我刚刚测试过，它已经工作了，但是，它只会改变iframe的大小。我如何在iframe中单击按钮？按钮元素：
Join
Ok，你拥有iframe内容吗？如果是这样，你需要在框架和它的主机页之间发送消息。（所有这些都是可行的，但都是艰苦的工作）。此外，如果iframe是从同一个域提供的，您可以检查DOM的各个方面。您拥有iframe内容是什么意思？不幸的是，iframe不是从同一个域提供的。好的，iframe中的HTML是否在您的控制之下？如果不是。您可以做的不多：（我只有这个，你知道吗？