JS在新标签页中打开链接URL，兼容IE,Chrome,Firefox

最新推荐文章于 2023-11-04 23:16:15 发布

原创最新推荐文章于 2023-11-04 23:16:15 发布 · 1.1w 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#window

JS 专栏收录该内容

11 篇文章

订阅专栏

本文介绍了一种使用AJAX获取URL并在新标签页中打开的方法，解决了浏览器拦截新开窗口的问题，并提供了一个完美的解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

相信大家经常会遇到这种情况：

我们需要通过AJAX的方式获取跳转的链接地址然后在新标签页中跳转至获取到的链接，这时我们需要如何实现呢？

网上搜了太多中文文档不能完美解决。

window.open('http://www.bing.com/')//这个实在新窗口中打开文档 一般我们的浏览器都会拦截

The link is right below
http://stackoverflow.com/questions/4907843/open-a-url-in-a-new-tab-and-not-a-new-window-using-javascript

我还试了下这种方式不过在Firefox中不行

$("<a>").attr("href", url).attr("target", "_blank")[0].click();

Example：
http://jsfiddle.net/safeeronline/70kdacL4/1/

终极解决方案：

window.open(url, '_blank').location;

**TIPS:**
AJAX获取URL的话 一定要加上**async:false**呦。

$.ajax({
        type: 'POST',
        url: '/echo/json/',
        async: false,
        success: function (data) {
            window.open(data, '_blank').location;
        }
    });

Perfect！