iframe 如何访问其父 DOM? [英] How is it possible for an iframe to access its parents DOM? 查看：22 发布时间：2021/12/21 22:39:19 javascript html iframe cross-domain 本文介绍了iframe 如何访问其父 DOM?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述 </code> 中的脚本怎么可能对包含它的页面有任何概念?框架中的脚本可以访问框架之外的任何上下文吗?跨域呢?<em class="showen"></em></p> <p class="en">How is it possible for a script within an <code><iframe></code> to have any notion of the page containing it? Can a script in the frame access any context outside of it? What about cross-domain?</p> <p class="cn">到目前为止，我认为 <code><iframe></code> 对包含页面<em>完全</em>不可知，但我看到了一个与这种信念相矛盾的例子.<em class="showen"></em></p> <p class="en">Up until now I believed an <code><iframe></code> is <em>completely</em> agnostic to the containing page, but I have seen an example which contradicts this belief.</p> <p class="cn">在 <code><iframe></code> 中，对于包含页面究竟可以做什么和不能做什么?<em class="showen"></em></p> <p class="en">What exactly can and can't be done from within an <code><iframe></code> with respect to the containing page?</p> <h3 class="best_ans mt-1">推荐答案</h3> <p class="cn">如果 iframe 的内容与其父级具有相同的域，则可以使用 <code>parent.document 从 iframe 访问父级页面 DOM.getElement...</code>.<em class="showen"></em></p> <p class="en">If the content of the iframe and its parent have the same domain, you can access the parent pages DOM from the iframe by using <code>parent.document.getElement...</code>.</p> <p class="cn">但是您不能跨域(甚至不能跨不同的子域)执行此操作，因为它会导致:<em class="showen"></em></p> <p class="en">However you can't do this cross-domain (not even across different subdomains) as it will result in:</p> <pre><code><code>Uncaught DOMException: Blocked a frame with origin "https://example.com" from accessing a cross-origin frame. </code></code></pre> <p>这篇关于iframe 如何访问其父 DOM?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！</p> </div> <div class="arc-body-main-more"> <span onclick="unlockarc('2700867');">查看全文</span> </div> </div> <div> </div> <div class="wwads-cn wwads-horizontal" data-id="166" style="max-width:100%;border: 4px solid #666;"></div> </div> </article> <div id="arc-ad-2" class="mb-1"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5038752844014834" crossorigin="anonymous"></script> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5038752844014834" data-ad-slot="3921941283"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="widget bgwhite radius-1 mb-1 shadow widget-rel"> <h5>相关文章</h5> <ul> <li> <a target="_blank" title="iframe如何访问其父DOM?" href="/2121202.html"> iframe如何访问其父DOM?; </a> </li> <li> <a target="_blank" title="使用DOM访问iframe" href="/2238988.html"> 使用DOM访问iframe; </a> </li> <li> <a target="_blank" title="iframe访问父DOM？" href="/861810.html"> iframe访问父DOM？; </a> </li> <li> <a target="_blank" title="如何访问iFrame中的DOM元素" href="/558021.html"> 如何访问iFrame中的DOM元素; </a> </li> <li> <a target="_blank" title="如何访问 iFrame 中的 DOM 元素" href="/2700859.html"> 如何访问 iFrame 中的 DOM 元素; </a> </li> <li> <a target="_blank" title="从父页面访问子 iFrame DOM" href="/2700899.html"> 从父页面访问子 iFrame DOM; </a> </li> <li> <a target="_blank" title="从父页面访问子iFrame DOM" href="/892142.html"> 从父页面访问子iFrame DOM; </a> </li> <li> <a target="_blank" title="如何通过DOM / Javascript访问外部iframe的内容？" href="/651548.html"> 如何通过DOM / Javascript访问外部iframe的内容？; </a> </li> <li> <a target="_blank" title="在Iframe中加载html并访问DOM" href="/892853.html"> 在Iframe中加载html并访问DOM; </a> </li> <li> <a target="_blank" title="访问父DOM中的iframe窗口对象" href="/892557.html"> 访问父DOM中的iframe窗口对象; </a> </li> <li> <a target="_blank" title="嵌入式Flash对象可以访问其父文档的DOM吗？" href="/652830.html"> 嵌入式Flash对象可以访问其父文档的DOM吗？; </a> </li> <li> <a target="_blank" title="跨域IFrame DOM属性从父JavaScript的访问" href="/558179.html"> 跨域IFrame DOM属性从父JavaScript的访问; </a> </li> <li> <a target="_blank" title="&lt; iframe&gt; javascript访问父DOM跨域？" href="/557985.html"> &lt; iframe&gt; javascript访问父DOM跨域？; </a> </li> <li> <a target="_blank" title="&lt;iframe&gt;javascript 跨域访问父DOM?" href="/2684358.html"> &lt;iframe&gt;javascript 跨域访问父DOM?; </a> </li> <li> <a target="_blank" title="哪些CSP子iframe从其父项继承？" href="/869853.html"> 哪些CSP子iframe从其父项继承？; </a> </li> <li> <a target="_blank" title="如何使用jQuery公开IFrame的DOM？" href="/650893.html"> 如何使用jQuery公开IFrame的DOM？; </a> </li> <li> <a target="_blank" title="注入DOM时如何防止iframe加载？" href="/653205.html"> 注入DOM时如何防止iframe加载？; </a> </li> <li> <a target="_blank" title="如何使用 jQuery 公开 IFrame 的 DOM?" href="/2684305.html"> 如何使用 jQuery 公开 IFrame 的 DOM?; </a> </li> <li> <a target="_blank" title="如何使 iframe 的宽度和高度与其父 div 相同?" href="/2701087.html"> 如何使 iframe 的宽度和高度与其父 div 相同?; </a> </li> <li> <a target="_blank" title="根据iframe中的内容调整iframe的尺寸及其父级高度" href="/1485675.html"> 根据iframe中的内容调整iframe的尺寸及其父级高度; </a> </li> <li> <a target="_blank" title="如何访问iframe元素？" href="/892569.html"> 如何访问iframe元素？; </a> </li> <li> <a target="_blank" title="如何使iframe的宽度和高度与其父级div相同？" href="/863607.html"> 如何使iframe的宽度和高度与其父级div相同？; </a> </li> <li> <a target="_blank" title="ReactJS-孩子如何访问其父母的道具?" href="/2241320.html"> ReactJS-孩子如何访问其父母的道具?; </a> </li> <li> <a target="_blank" title="如何访问网页 DOM 而不是扩展页面 DOM?" href="/2654655.html"> 如何访问网页 DOM 而不是扩展页面 DOM?; </a> </li> <li> <a target="_blank" title="如何访问网页DOM而不是扩展页面DOM？" href="/817436.html"> 如何访问网页DOM而不是扩展页面DOM？; </a> </li> </ul> </div> <div class="mb-1"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5038752844014834" crossorigin="anonymous"></script> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5038752844014834" data-ad-slot="3921941283"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="side"> <div class="widget widget-side bgwhite mb-1 shadow"> <h5>前端开发最新文章</h5> <ul> <li> <a target="_blank" title="为什么Chrome（在Electron内部）突然重定向到chrome-error：// chromewebdata？" href="/1996151.html"> 为什么Chrome（在Electron内部）突然重定向到chrome-error：// chromewebdata？; </a> </li> <li> <a target="_blank" title="错误102（net :: ERR_CONNECTION_REFUSED）：服务器拒绝连接" href="/749568.html"> 错误102（net :: ERR_CONNECTION_REFUSED）：服务器拒绝连接; </a> </li> <li> <a target="_blank" title="如何解决'重定向已被CORS策略阻止：没有'Access-Control-Allow-Origin'标题'？" href="/1009885.html"> 如何解决'重定向已被CORS策略阻止：没有'Access-Control-Allow-Origin'标题'？; </a> </li> <li> <a target="_blank" title="如何处理“Uncaught（in promise）DOMException：play（）失败，因为用户没有首先与文档交互。”在桌面上使用Chrome 66？" href="/884909.html"> 如何处理“Uncaught（in promise）DOMException：play（）失败，因为用户没有首先与文档交互。”在桌面上使用Chrome 66？; </a> </li> <li> <a target="_blank" title="警告：添加非被动事件侦听器到滚动阻塞'touchstart'事件" href="/818517.html"> 警告：添加非被动事件侦听器到滚动阻塞'touchstart'事件; </a> </li> <li> <a target="_blank" title="如何在浏览器中播放.TS文件（视频/ MP2T媒体类型）？" href="/343346.html"> 如何在浏览器中播放.TS文件（视频/ MP2T媒体类型）？; </a> </li> <li> <a target="_blank" title="此请求已被阻止;内容必须通过HTTPS提供" href="/886417.html"> 此请求已被阻止;内容必须通过HTTPS提供; </a> </li> <li> <a target="_blank" title="资源解释为样式表，但转换为MIME类型text / html（似乎与web服务器无关）" href="/562873.html"> 资源解释为样式表，但转换为MIME类型text / html（似乎与web服务器无关）; </a> </li> <li> <a target="_blank" title="通过HTTPS加载页面但请求不安全的XMLHttpRequest端点" href="/885901.html"> 通过HTTPS加载页面但请求不安全的XMLHttpRequest端点; </a> </li> <li> <a target="_blank" title="拒绝从执行脚本'*'，因为它的MIME类型（“应用/ JSON'）不是可执行文件，并严格MIME类型检查被启用。" href="/47347.html"> 拒绝从执行脚本'*'，因为它的MIME类型（“应用/ JSON'）不是可执行文件，并严格MIME类型检查被启用。; </a> </li> </ul> </div> <div class="widget widget-side bgwhite mb-1 shadow"> <h5> 热门教程 </h5> <ul> <li> <a target="_blank" title="Java教程" href="/OnLineTutorial/java/index.html"> Java教程 </a> </li> <li> <a target="_blank" title="Apache ANT 教程" href="/OnLineTutorial/ant/index.html"> Apache ANT 教程 </a> </li> <li> <a target="_blank" title="Kali Linux教程" href="/OnLineTutorial/kali_linux/index.html"> Kali Linux教程 </a> </li> <li> <a target="_blank" title="JavaScript教程" href="/OnLineTutorial/javascript/index.html"> JavaScript教程 </a> </li> <li> <a target="_blank" title="JavaFx教程" href="/OnLineTutorial/javafx/index.html"> JavaFx教程 </a> </li> <li> <a target="_blank" title="MFC 教程" href="/OnLineTutorial/mfc/index.html"> MFC 教程 </a> </li> <li> <a target="_blank" title="Apache HTTP客户端教程" href="/OnLineTutorial/apache_httpclient/index.html"> Apache HTTP客户端教程 </a> </li> <li> <a target="_blank" title="Microsoft Visio 教程" href="/OnLineTutorial/microsoft_visio/index.html"> Microsoft Visio 教程 </a> </li> </ul> </div> <div class="widget widget-side bgwhite mb-1 shadow"> <h5> 热门工具 </h5> <ul> <li> <a target="_blank" title="Java 在线工具" href="/Onlinetools/details/4"> Java 在线工具 </a> </li> <li> <a target="_blank" title="C(GCC) 在线工具" href="/Onlinetools/details/6"> C(GCC) 在线工具 </a> </li> <li> <a target="_blank" title="PHP 在线工具" href="/Onlinetools/details/8"> PHP 在线工具 </a> </li> <li> <a target="_blank" title="C# 在线工具" href="/Onlinetools/details/1"> C# 在线工具 </a> </li> <li> <a target="_blank" title="Python 在线工具" href="/Onlinetools/details/5"> Python 在线工具 </a> </li> <li> <a target="_blank" title="MySQL 在线工具" href="/Onlinetools/Dbdetails/33"> MySQL 在线工具 </a> </li> <li> <a target="_blank" title="VB.NET 在线工具" href="/Onlinetools/details/2"> VB.NET 在线工具 </a> </li> <li> <a target="_blank" title="Lua 在线工具" href="/Onlinetools/details/14"> Lua 在线工具 </a> </li> <li> <a target="_blank" title="Oracle 在线工具" href="/Onlinetools/Dbdetails/35"> Oracle 在线工具 </a> </li> <li> <a target="_blank" title="C++(GCC) 在线工具" href="/Onlinetools/details/7"> C++(GCC) 在线工具 </a> </li> <li> <a target="_blank" title="Go 在线工具" href="/Onlinetools/details/20"> Go 在线工具 </a> </li> <li> <a target="_blank" title="Fortran 在线工具" href="/Onlinetools/details/45"> Fortran 在线工具 </a> </li> </ul> </div> </div> </div> <script type="text/javascript">var eskeys = 'iframe,如何,访问,其父,dom'; var cat = 'cc';';//qianduan</script> </div> <div id="pop" onclick="pophide();"> <div id="pop_body" onclick="event.stopPropagation();"> <h6 class="flex flex101"> 登录 <span onclick="pophide();">关闭</span> </h6> <div class="pd-1"> <div class="wxtip center"> <span>扫码关注<em>1秒</em>登录</span> </div> <div class="center"> <img id="qr" src="https://huajiakeji.com/Content/Images/qrydx.jpg" alt="" style="width:150px;height:150px;" /> </div> <div style="margin-top:10px;display:flex;justify-content: center;"> <input type="text" placeholder="输入验证码" id="txtcode" autocomplete="off" /> <input id="btngo" type="button" onclick="chk()" value="GO" /> </div> <div class="center" style="margin: 4px; font-size: .8rem; color: #f60;"> 发送“验证码”获取 <em style="padding: 0 .5rem;">|</em> <span style="color: #01a05c;">15天全站免登陆</span> </div> <div id="chkinfo" class="tip"></div> </div> </div> </div> <script type="text/javascript" src="https://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script> <script type="text/javascript" src="https://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.min.js"></script> <script type="text/javascript" src="https://img01.yuandaxia.cn/Scripts/highlight.min.js"></script> <script type="text/javascript" src="https://img01.yuandaxia.cn/Scripts/base.js?v=0.22"></script> <script type="text/javascript" src="https://img01.yuandaxia.cn/Scripts/tui.js?v=0.11"></script> <footer class="footer"> <div class="container"> <div class="flink mb-1"> 友情链接： <a href="https://www.it1352.com/" target="_blank">IT屋</a> <a href="https://huajiakeji.com/" target="_blank">Chrome插件</a> <a href="https://www.cnplugins.com/" target="_blank">谷歌浏览器插件</a> </div> <section class="copyright-section"> <a href="https://www.it1352.com" title="IT屋-程序员软件开发技术分享社区">IT屋</a> ©2016-2022 <a href="http://www.beian.miit.gov.cn/" target="_blank">琼ICP备2021000895号-1</a> <a href="/sitemap.html" target="_blank" title="站点地图">站点地图</a> <a href="/Home/Tags" target="_blank" title="站点标签">站点标签</a> <a target="_blank" alt="sitemap" href="/sitemap.xml">SiteMap</a> <a href="/1155981.html" title="IT屋-免责申明"><免责申明></a> 本站内容来源互联网,如果侵犯您的权益请联系我们删除. </section> <!--统计代码--> <script type="text/javascript"> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?0c3a090f7b3c4ad458ac1296cb5cc779"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script type="text/javascript"> (function () { var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </div> </footer> </body> </html>
