开不了的窗_____window.open
window.open()是原来常用的新开窗口的方式,但是呢,现在会被大多数浏览器阻止掉,默认为是非用户意愿的打开窗口,即广告之类的。
但是通过a链接的事件来open是可以的,因为这样会认为是用户主观的要打开另一个窗口所以不予以拦截。
关于如何解决被阻止的问题,网上有很多种方式,一直未加以实践。前段时间项目中存在这样的需求,当时使用了几种方式,但是未生效,最后
通过延迟更改location的方式终于解决掉了。下面结合实际讨论一下。
1.a标签的直接事件,不会被拦截。代码如下:
links.on('click', function (e) { e.preventDefault(); var _this = $(this); window.open('/bookmerchant/fun/'); }
2.ajax 请求之后,进行新开窗口的操作会被拦截掉,即使是a链接出发的事件。如下:
self.addBtn.on('click', function (e) { /*ajax请求略去*/ }).on('success', function (res) { if (res.code == 200) { var cusId = res.data.customerId; window.open('/bookmerchant/fun/'); }
此时的window.open()是不可行的。
网上看到的解决措施:
1.创建a标签然后,绑定事件,然后js触发。这种在我的实际操作中是同样被拦截的。
2.在请求之前新开标签window.open();然后请求接受之后更改location,这样是可以的。
var newTab=window.open('about:blank'); /*ajax请求*/ }).on('success', function (res) { if (res.code == 200) { newTab.location.href='/bookmerchant/fun'; }
3.还有一种方式是新开标签window.open(),然后通过setTimeout()来延迟设置location,原理相同应该也是可行的(此处未实践,所以不敢说一定)。
4.通过form提交的方式进行跳转,同样未实践,不加评论。只是拿出来给大家一种提醒。
如水穿石,厚积才可薄发