模拟用户点击弹出新页面不会被浏览器拦截

2014-04-08 55

相信用过window.open的小伙伴们都遇到过被浏览器拦截导致页面无法弹出的情况;我们换下思路,什么情况下的新页面弹出才不会被浏览器拦截呢?比如<a />标签这种就不会;那么我们只要模拟下用户去主动点击这个<a />标签就不会有拦截的问题了。

先定义好HTML标签:

<a href="" id="alink" target="_blank" style="display: none"><span id="spanlink">test</span></a> 
<input type="button" value="点我弹出新页面" onclick="targetClick()" />

然后在JS中给<a />标签赋值并触发点击事件:
function targetClick() { 
$("#alink").attr("href", "http://www.163.com"); 
$("#spanlink").click(); 
return false; 
}

OK,这下页面的弹出就畅通无阻了。
展开阅读全文

更多Javascript文章

详解Angular CLI + Electron 开发环境搭建
Jul 20 41
vue中v-for通过动态绑定class实现触发效果
Dec 06 46
JS根据json数组多个字段排序及json数组常用操作
Jun 06 47
基于layPage插件实现两种分页方式浅析
Jul 27 38
javascript简单实现深浅拷贝过程详解
Oct 08 55
js实现多个标题吸顶效果
Jan 08 39
Node与Python 双向通信的实现代码
Jul 16 49
手机访问当前页面