如何在新选项卡中打开 iframe 中的所有链接 [英] How to make all links in an iframe open in new tab

查看：27 发布时间：2021/12/21 23:08:02 javascript jquery html iframe

本文介绍了如何在新选项卡中打开 iframe 中的所有链接的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我正在尝试这样做，当您单击 <iframe> 中的链接时，它将在新选项卡中打开该链接 - 而不是 <iframe>.请注意，我无法控制人们通过 </code> 查看的内容.<em class="showen"></em></p> <p class="en">I'm trying to make it so when you click on a link in an <code><iframe></code> it will open the link in a new tab - not in the <code><iframe></code>. Please note I do not have control of the content the people are viewing through the <code><iframe></code>. </p> <p class="cn">我可能正在尝试使用 javascript 来执行此操作，例如 <code>$('a').setAttribute('target','_blank');</code>但这对我不起作用.我的 HTML 文档中也有 <code><base target="_blank"></code>，这也不起作用.<em class="showen"></em></p> <p class="en">I'm trying to do this with javascript possibly, like <code>$('a').setAttribute('target','_blank');</code> but it's not working out for me. I also have in my HTML document <code><base target="_blank"></code>, that is not doing the trick too.</p> <p class="cn">这不可能吗?还是我只是在错误的地方搜索?提前致谢！<em class="showen"></em></p> <p class="en">Is this impossible? Or am I just searching in the wrong places? Thanks in advance! </p> <h3 class="best_ans mt-1">推荐答案</h3> <p class="cn">我希望:</p> <pre><code><code>$('a').setAttribute('target','_blank'); </code></code></pre> <p class="cn"> .. 失败(静默 - 因为 jquery 通常会静默失败)因为，如果 iFrame 的内容来自不同的域，则从包含页面操作 iFrame 内的页面会出现访问问题.<em class="showen"></em></p> <p class="en">.. to fail (silently - because jquery generally fails silently) because, if the content of the iFrame is from a different Domain, there are access issues with manipulating the page within the iFrame from the containing page.</p> <p class="cn">也就是说:如果您自己的页面来自域 a(例如 mysite.com)，而 iframe 来自域 b(例如 someothersite.com)，那么网络浏览器的安全行为就是使用 javascript 来操作 iFrame 内容将给出访问被拒绝"错误.<em class="showen"></em></p> <p class="en">That is : If your own page is from domain a (eg mysite.com), and the iframe is from domain b (eg someothersite.com), then web browser security behaviour is such that using javascript to manipulate the iFrame content will give an "Access is denied" error.</p> <p class="cn">如果您要使用非 jquery javascript，您将看到错误.从父页面，类似这样的东西:<em class="showen"></em></p> <p class="en">If you were to use non-jquery javascript you'll see the error. From the parent page, something likie this :</p> <pre><code><code>window.frames["iFrameName"].getElementsByTagName("a")[0].target="_blank" </code></code></pre> <p class="cn">你会看到错误.</p> <p class="cn">不幸的是，我不确定您能对此做些什么.停止一个网站包括另一个网站，并在加载后更改内容以使其显示其他内容是故意的.<em class="showen"></em></p> <p class="en">Unfortunately I'm not sure what you can do about this. It's a deliberate thing to stop one website including another, and changing the content after loading so that it says something else.</p> <p class="cn">一种解决方法是在您的服务器(即相同域)上调用脚本并传入一个 URL.该脚本获取您访问的页面的内容并将其反刍到您的浏览器，因此您将获得所需网页的内容，但其地址位于您的网站内.. 例如，如果它是 php:<em class="showen"></em></p> <p class="en">One way around it would be to call a script on your server (ie same domain) and pass in a URL. The script gets the content of the page you were after and regurgitates it to your browser, so you'll have the content of your desired webpage but the address of it was within your site.. eg if it were php:</p> <p class="cn"><a href="http://yourdomain.com/getURL.php?url=http:www.google.com" rel="noreferrer">http://yourdomain.com/getURL.php?url=http:www.google.com</a></p> <p class="cn">注意那里的身份验证问题<em class="showen"></em></p> <p class="en">Watch out for issues with authentication there though</p> <p>这篇关于如何在新选项卡中打开 iframe 中的所有链接的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！</p> </div> <div class="arc-body-main-more"> <span onclick="unlockarc('2701083');">查看全文</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="在新选项卡中打开链接，仅在新选项卡中打开链接" href="/874144.html"> 在新选项卡中打开链接，仅在新选项卡中打开链接; </a> </li> <li> <a target="_blank" title="如何防止在新选项卡中打开iframe中的链接" href="/876594.html"> 如何防止在新选项卡中打开iframe中的链接; </a> </li> <li> <a target="_blank" title="如何在 NextJS 的新选项卡中打开链接?" href="/2788054.html"> 如何在 NextJS 的新选项卡中打开链接?; </a> </li> <li> <a target="_blank" title="如何在 HTML 的新选项卡中打开链接?" href="/2870339.html"> 如何在 HTML 的新选项卡中打开链接?; </a> </li> <li> <a target="_blank" title="链接在iframe窗口中打开新选项卡" href="/876054.html"> 链接在iframe窗口中打开新选项卡; </a> </li> <li> <a target="_blank" title="在新选项卡中打开链接" href="/865363.html"> 在新选项卡中打开链接; </a> </li> <li> <a target="_blank" title="如何在新选项卡中打开剃刀操作链接?" href="/2699823.html"> 如何在新选项卡中打开剃刀操作链接?; </a> </li> <li> <a target="_blank" title="如何在新选项卡中的随机链接中打开 HTML 按钮" href="/2431661.html"> 如何在新选项卡中的随机链接中打开 HTML 按钮; </a> </li> <li> <a target="_blank" title="在新选项卡中打开来自不同域的iframe中的链接" href="/866272.html"> 在新选项卡中打开来自不同域的iframe中的链接; </a> </li> <li> <a target="_blank" title="打开除域之外的新选项卡中打开的所有外部链接" href="/1058445.html"> 打开除域之外的新选项卡中打开的所有外部链接; </a> </li> <li> <a target="_blank" title="如何在打开新选项卡时首先打开新选项卡" href="/1002238.html"> 如何在打开新选项卡时首先打开新选项卡; </a> </li> <li> <a target="_blank" title="如何在JavaScript中打开新选项卡而不切换到新选项卡？" href="/861298.html"> 如何在JavaScript中打开新选项卡而不切换到新选项卡？; </a> </li> <li> <a target="_blank" title="在新选项卡(WebBrowser Control)中打开链接" href="/2646875.html"> 在新选项卡(WebBrowser Control)中打开链接; </a> </li> <li> <a target="_blank" title="Angularjs $state 在新选项卡中打开链接" href="/2850994.html"> Angularjs $state 在新选项卡中打开链接; </a> </li> <li> <a target="_blank" title="需要简单的方法强制所有链接在新选项卡中打开" href="/1331662.html"> 需要简单的方法强制所有链接在新选项卡中打开; </a> </li> <li> <a target="_blank" title="Gulp - 如何在终端中打开新选项卡？" href="/840513.html"> Gulp - 如何在终端中打开新选项卡？; </a> </li> <li> <a target="_blank" title="如何在新选项卡中打开方法" href="/1156220.html"> 如何在新选项卡中打开方法; </a> </li> <li> <a target="_blank" title="单击jquery中的链接打开新选项卡（窗口）" href="/1056648.html"> 单击jquery中的链接打开新选项卡（窗口）; </a> </li> <li> <a target="_blank" title="从PDF文件的新选项卡中打开链接" href="/866402.html"> 从PDF文件的新选项卡中打开链接; </a> </li> <li> <a target="_blank" title="在新选项卡中打开链接selenium c＃" href="/818641.html"> 在新选项卡中打开链接selenium c＃; </a> </li> <li> <a target="_blank" title="React-Router 在新选项卡中打开链接" href="/2364505.html"> React-Router 在新选项卡中打开链接; </a> </li> <li> <a target="_blank" title="使用WebDriver单击新打开的选项卡中的链接" href="/988159.html"> 使用WebDriver单击新打开的选项卡中的链接; </a> </li> <li> <a target="_blank" title="如何用打印命令打开链接新选项卡？" href="/864601.html"> 如何用打印命令打开链接新选项卡？; </a> </li> <li> <a target="_blank" title="如何在新标签中打开iframe中的所有链接" href="/861919.html"> 如何在新标签中打开iframe中的所有链接; </a> </li> <li> <a target="_blank" title="使用javascript / jquery打开新背景选项卡中的链接" href="/1020908.html"> 使用javascript / jquery打开新背景选项卡中的链接; </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,中,的,所有,链接'; 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>