jQuery移除target="_blank"无效，iframe内链接仍在新标签打开求助

嘿，我来帮你分析下为什么你的代码没生效，以及怎么搞定这个需求～

你的核心问题在于：你写的jQuery代码是操作当前页面的<a>标签，但实际所有可点击的链接都在<iframe>加载的Bing页面里，这里有两个关键障碍：

1. 同源策略的限制 #

Bing的域名和你的页面域名完全不同，浏览器的同源安全策略会严格阻止父页面的JavaScript去访问跨域iframe内部的文档内容。也就是说，你的$('a[target="_blank"]').removeAttr('target')代码根本碰不到iframe里的那些链接，自然没效果。

2. 作用范围与执行时机的问题 #

就算iframe加载的是你自己的同域页面，你的代码也只在父页面DOM加载完成后执行，没有去监听iframe内部的DOM，也没有针对iframe内的元素做操作。

针对不同场景的解决方案 #

场景一：iframe加载的是同域页面（比如你自己网站的内容）

如果是同域，你可以等iframe加载完成后，直接操作它内部的DOM：

<script>
$(document).ready(function(){
  // 监听iframe加载完成事件，确保内部DOM已就绪
  $('#MyFrame').on('load', function(){
    // 获取iframe内部的document对象
    const iframeDoc = this.contentDocument || this.contentWindow.document;
    
    // 移除内部所有带target="_blank"的a标签的target属性
    $(iframeDoc).find('a[target="_blank"]').removeAttr('target');
    
    // 额外处理：如果页面是动态加载内容（比如滚动加载、异步渲染），需要监听DOM变化
    const observer = new MutationObserver(function(mutations) {
      mutations.forEach(function(mutation) {
        // 对新增的DOM节点中的a标签做同样处理
        $(mutation.addedNodes).find('a[target="_blank"]')
          .addBack('a[target="_blank"]')
          .removeAttr('target');
      });
    });
    // 监听iframe body的所有子节点变化
    observer.observe(iframeDoc.body, { childList: true, subtree: true });
  });
});
</script>

场景二：iframe加载的是跨域页面（比如Bing这类外部网站）

这种情况下，浏览器的同源策略会完全锁死你对iframe内部文档的访问权限，直接修改内部链接的方法行不通。你可以尝试以下两种替代思路：

1. 放弃iframe，直接在当前页面打开目标网站
   把iframe替换成直接在父页面加载Bing，这样你的原始jQuery代码就能正常生效了：

   <script>
   $(document).ready(function(){
     // 页面加载完成后移除所有a标签的target="_blank"
     $('a[target="_blank"]').removeAttr('target');
     
     // 监听动态新增的a标签
     const observer = new MutationObserver(function(mutations) {
       mutations.forEach(function(mutation) {
         $(mutation.addedNodes).find('a[target="_blank"]')
           .addBack('a[target="_blank"]')
           .removeAttr('target');
       });
     });
     observer.observe(document.body, { childList: true, subtree: true });
   });
   </script>
   

2. 拦截iframe的新窗口跳转（效果有限）
   跨域下没法直接获取链接，但可以尝试拦截iframe的新窗口打开行为，强制在当前iframe或父页面加载：

   <script>
   $(document).ready(function(){
     const iframe = document.getElementById('MyFrame');
     // 重写iframe的window.open方法，强制在父页面当前标签打开
     iframe.contentWindow.open = function(url) {
       window.location.href = url;
       return false;
     };
   });
   </script>
   

   注意：这个方法可能会被浏览器的安全策略拦截，不是100%生效。

内容的提问来源于stack exchange，提问作者Ansh