window.open 被浏览器拦截

在项目开发中, 需要在按钮点击后发出一个ajax请求并在请求完成后, 弹出一个新窗口页面. 自然想到用window.open实现, 但会被浏览器拦截

分析

当浏览器检测到非用户操作产生的新弹出窗口，则会对其进行阻止。因为浏览器认为这可能是一个广告，不是一个用户希望看到的页面。

当window.open为用户触发事件内部或者加载时，不会被拦截，一旦将弹出代码移动到ajax或者一段异步代码内部，马上就出现被拦截的现象。

被拦截示例代码

例如, 下面这段代码就会被拦截:

解决方案

1. 打开新窗口的代码绑定到click的事件回调中，就可以避免大部分浏览器对窗口弹出的拦截：

如下示例代码:

button的click事件触发的回调函数clickHandler内打开一个新窗口不会被浏览器拦截.

2. 通过form表单提交实现(亲测, 会被拦截)

将上面的代码改造下, form提交的事件由button按钮的click事件触发的话, 就不会被浏览器拦截

3. 先弹出窗口，然后重定向(最优方案)

先通过用户点击打开页面(必须是用户点击而触发的行为)，然后再对页面进行重定向