窗口被拦截的解决方法

最新推荐文章于 2021-06-17 09:32:44 发布

转载最新推荐文章于 2021-06-17 09:32:44 发布 · 974 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://juejin.im/post/59ffd20451882529bb455755

文章标签：

#后端 #javascript #前端 #ViewUI

窗口被拦截的原因：通过window.open(url)的方式，打开一个新的页面，但是大部分浏览器会遭遇拦截。因为大部分现代的浏览器（泛指 Chrome / Firefox / IE 10+ / Safari）都默认开启了阻止弹出窗口的策略，原因是 window.open 被广告商滥用，严重影响用户的使用。这个阻止弹出窗口的操作，并不是直接封杀 windw.open()，而是会根据用户的行为来判断这次 window.open() 是否属于流氓操作。

window.open并不是所谓的会遭遇拦截，它拦截是有条件的，就是点击的时机跟你open的时间差，如果有时间差（有些浏览器允许一点点的时间差），浏览器才会认为不安全，就会拦截你。

解决办法

方式一：使用jQuery模拟点击事件

jquery是提供了模拟click事件的方法的，$(selector).click()。只不过这里我们要注意的是当要触发a标签点击的时候，<a>标签内一定要有内容，并且要模拟里面的内容被点击而不是<a></a>被点击。
$("span").click();复制代码

方式二：使用原生的js模拟点击事件

 document.getElementById("test2").click();复制代码

方式三：createEvent + initEvent + dispatchEvent

document.createEvent用于创建事件，在DOM Level 2　的事件中就有HTMLEvents，MouseEvents，UIEvents事件类型。

initEvent()方法用于初始化通过DocumentEvent接口创建的Event的值。

dispatchEvent则是触发对应元素上面的某个事件。复制代码

方式四：后端重定向

这种方式需要后端协作，先提供一个接口地址，前端通过a标签跳转到该地址，后端通过运算之后，直接重定向到目标地址，这也是方便快捷的方法。复制代码