弹窗解决最终奥义，人类再再也无法阻止弹窗了！

—- 4月25日更新

这真的是弹窗最终奥义哦，噗～，以前曾写过一篇“终极弹窗解决方案，人类再也无法阻止弹窗了！”，这个终极版居然还是有漏洞，无奈只能另寻方法，连题目都不知道该如何拟定了，只好写一篇“人类再再也无法阻止弹窗了！”，你造么，我真不是来卖萌好么＝ o＝

初衷：公司需求，点付款后，弹出一个支付是否成功的提示框，并在新窗口打开第三方支付页面，这种交互相信就算没做过，在网上也看到不少了。

再来回顾下之前的那篇文章：

“终极弹窗解决方案，人类再也无法阻止弹窗了！”

http://levi.cg.am/?p=1458

有两种方法，基本思路是这样的：生成一个form，或者生成一个a，然后为对方指向一个URL，并且target为_blank，OK一切都美满了，这样浏览器连弹窗都认不得了。

其实这里还有个更简单的方法，没想到浏览器这么好骗，比如下面这段代码，把jquery指向元素触发点击事件；通过返回一个false阻止事件：

那这样就完了吗？其实不然，比如来短Ajax，你看看会出现什么情况：

发现浏览器是不是发现你要弹窗了？神马情况？难道不是返回false了吗？

对，的确是返回false了，但是这里是一个“闭包函数”，返回的false值的对象是在ajax的success这个作用域下的，而并非事件对象下，当然没用啦

另外我还看过一个奇葩的版本，至于为什么奇葩嘛，大家自己分析，这里不说明了

1 2 3 4 5 6 7 8 9 10 11 12

$("#first").click(function(){     $.ajax({         type: ‘POST‘,         url: ‘/deposit/paypoints‘,         success: function(re) {             // do sthing....         }     });     window.open("http://levi.cg.am");     return false; });

那怎么对付阿贾克斯君呢？

弹窗解决最终奥义来啦！！

在这里我先将弹窗指向为一个对象，之后再对这个对象进行操作，比如说修改这个弹窗的URL神马的，听上去是不是很费解。先上代码：

我再来分析一遍：

1. 先简历一个window对象，我先open他
2. 创造一个空的URL对象，等待接收URL
3. 创造一个num，这里你可以叫他失败计数器
4. 好啦，阿贾克斯君跑起来了，异步的,他只做两件事：
   1. 正确响应，赋值url
   2. 失败关闭window，设置失败计数器到峰值
5. 创建一个0.2秒重复触发的定时器，做两个操作：
   1. 正确获取到url，告诉window对象URL是神马
   2. 失败计数器达到峰值，关闭window

简化版

说到上面已经实现了弹窗的基本步骤了，但是比较麻烦，一般人要求没那么高的话，其实计数器是可以省去的，代码如下：

说到这里，不知道你是否有了概念了，呃，没有。。。好吧，我再来个简单的例子，有兴趣的朋友慢慢悟哦～

转载自：http://levi.cg.am/archives/3453