jquery实现不被浏览器拦截的弹窗方式

最近作项目，须要用到弹窗，一开始直接使用的window.open()打开新窗口，毫无疑问，新窗口直接被浏览器拦截了。

因而稍微研究了一下浏览器的弹窗拦截策略，发现若是是用户即时点击而致使的弹窗，浏览器不会进行拦截，就像是a标签的行为那样，浏览器会认为这是用户主动打开的窗口，所以不会将这个弹窗视为恶意弹窗进行拦截。

那么问题就简单了，直接使用jQuery模拟超连接(<a>)被点击，当按下一个按钮时，想打开一个新的标签页，能够模拟连接被按下，而后打开连接。

可是在jQuery中，使用a.click(), a.trigger('click')等都不会引发连接默认事件被执行，这个和a标签的点击事件有关。咱们每次点击a标签的连接，触发的是a标签包含的文字的原始点击事件而进行的跳转。

示例代码以下所示：

$('#alert-success').append('<a href="http://www.baidu.com" target="_blank"><span id="test">test</span></a>');
$('#alert-success a #test').click();//这里点击的是a标签包含的文字
$('#alert-success a').remove();//删去a标签