窗口被拦截的原因:通过window.open(url)的方式,打开一个新的页面,但是大部分浏览器会遭遇拦截。因为大部分现代的浏览器(泛指 Chrome / Firefox / IE 10+ / Safari)都默认开启了阻止弹出窗口的策略,原因是 window.open 被广告商滥用,严重影响用户的使用。这个阻止弹出窗口的操作,并不是直接封杀 windw.open(),而是会根据用户的行为来判断这次 window.open() 是否属于流氓操作。
window.open并不是所谓的会遭遇拦截,它拦截是有条件的,就是点击的时机跟你open的时间差,如果有时间差(有些浏览器允许一点点的时间差),浏览器才会认为不安全,就会拦截你。
解决办法
方式一:使用jQuery模拟点击事件
jquery是提供了模拟click事件的方法的,$(selector).click()。只不过这里我们要注意的是当要触发a标签点击的时候,标签内一定要有内容,并且要模拟里面的内容被点击而不是被点击。$("span").click();复制代码
方式二:使用原生的js模拟点击事件
document.getElementById("test2").click();复制代码
方式三:createEvent + initEvent + dispatchEvent
document.createEvent用于创建事件,在DOM Level 2 的事件中就有HTMLEvents,MouseEvents,UIEvents事件类型。initEvent()方法用于初始化通过DocumentEvent接口创建的Event的值。dispatchEvent则是触发对应元素上面的某个事件。复制代码
方式四:后端重定向
这种方式需要后端协作,先提供一个接口地址,前端通过a标签跳转到该地址,后端通过运算之后,直接重定向到目标地址,这也是方便快捷的方法。复制代码