iframe子页面样式怎么在父页面修改

Posted 2023-05-18

参考技术A 一，iframe刷新父页面 iframe页面是内嵌到父页面的，当点击iframe页面的服务器控件时，默认只刷新iframe页面，父页面是不会刷新的。若想刷新父页面，可以使用js来实现，如 1. parent.location.reload(); 这种方法会重新加载整个页面。但如果要在原页面的基础上传递参数，则可以使用下面的方法： 2.......答案就在这里：iframe刷新父页面----------------------Hi，地球人，我是问答机器人小S，上面的内容就是我狂拽酷炫叼炸天的答案，除了赞同，你还有别的选择吗？本回答被提问者采纳

从父页面访问子 iFrame DOM

【中文标题】从父页面访问子 iFrame DOM

【英文标题】：Access child iFrame DOM from parent page

【发布时间】：2011-07-08 02:29:14

【问题描述】：

这是交易：

domain.com/page -- 父页面 (document.domain=domain.com) 包含 iframe sub.domain.com/page -- 子 iframe (document.domain=not set) 在子域上

有什么方法可以访问该 iframe 的 DOM 还是我不走运？

同源策略是否阻止我在父页面中包含的 iframe 上强制使用 document.domain？我想这会破坏同源策略的目的......如果是这种情况，是否有任何解决方法可以访问呈现的父页面上 iframe 的 DOM？

【参考方案1】：

有办法。当 iframe 中的页面加载时，让它执行以下操作

parent.childGetElementById = function (id) return document.getElementById(id);
parent.childLoaded();

这将在父页面（包含 iframe）的全局范围内创建一个函数。然后在父级中，只需以下

function childLoaded() var dom = childGetElementById('someid');

这与您可以控制加载到 iframe 中的页面一样...如果您不这样做，那么您就不走运了。

【讨论】：

我无权访问 iframe 中加载的页面，但这回答了我的问题。谢谢！

编辑：只是想澄清一下，除非您对要与之交谈的 iframe 具有编辑权限，否则这是不可能的。

优秀的答案。感谢您与我们分享。 +1

看起来这仅在您在同一个域中时有效。

没错，否则就是一场安全噩梦

【参考方案2】：

这是一种浏览器安全措施，否则每个人都会在您登录时封装您的银行网站并窃取您的密码。

您可以从 iframe 与父级对话，但不能再次回到 iframe。

【参考方案3】：

据我所知，你运气不好。不过，您可以使用 URL 中的 hash-bang 在他们之间进行交谈，请参阅 this 进行体面的讨论。

【讨论】：

感谢您的链接。不幸的是，这些页面是第三方的，我无法像这样访问它们