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


Posted in Javascript onApril 08, 2014

相信用过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 相关文章推荐
如何实现iframe(嵌入式帧)的自适应高度
Jul 26 Javascript
javascrpt绑定事件之匿名函数无法解除绑定问题
Dec 06 Javascript
触屏中的JavaScript事件分析
Feb 06 Javascript
JS+CSS实现仿新浪微博搜索框的方法
Feb 24 Javascript
微信jssdk用法汇总
Jul 16 Javascript
JavaScript实现页面无操作倒计时退出
Oct 22 Javascript
Boostrap栅格系统与自己额外定义的媒体查询的冲突问题
Feb 19 Javascript
vue-cli项目如何使用vue-resource获取本地的json数据(模拟服务端返回数据)
Aug 04 Javascript
详解EasyUi控件中的Datagrid
Aug 23 Javascript
JS点击图片弹出文件选择框并覆盖原图功能的实现代码
Aug 25 Javascript
基于JS实现带动画效果的流程进度条
Jun 01 Javascript
微信小程序学习笔记之登录API与获取用户信息操作图文详解
Mar 29 Javascript
javascript 模拟坦克大战游戏(html5版)附源码下载
Apr 08 #Javascript
js定时调用方法成功后并停止调用示例
Apr 08 #Javascript
jquery选择器使用详解
Apr 08 #Javascript
jquery淡化版banner异步图片文字效果切换图片特效
Apr 08 #Javascript
jQuery拖动div、移动div、弹出层实现原理及示例
Apr 08 #Javascript
javascript跨域的4种方法和原理详解
Apr 08 #Javascript
通过Javascript读取本地Excel文件内容的代码示例
Apr 08 #Javascript
You might like
php empty() 检查一个变量是否为空
2011/11/10 PHP
php使用百度天气接口示例
2014/04/22 PHP
分享一段PHP制作的中文拼音首字母工具类
2014/12/11 PHP
PHP删除数组中指定下标的元素方法
2018/02/03 PHP
JQuery学习笔记 nt-child的使用
2011/01/17 Javascript
jQuery网页右侧广告跟随滚动代码分享
2020/04/20 Javascript
基于Angular.js实现的触摸滑动动画实例代码
2017/02/19 Javascript
使用jQuery的load方法设计动态加载及解决被加载页面js失效问题
2017/03/01 Javascript
详解vue mixins和extends的巧妙用法
2017/12/20 Javascript
vue-cli webpack 引入jquery的方法
2018/01/10 jQuery
vue实现验证码按钮倒计时功能
2018/04/10 Javascript
Vue在页面右上角实现可悬浮/隐藏的系统菜单
2018/05/04 Javascript
JQuery判断radio单选框是否选中并获取值的方法
2019/01/17 jQuery
vue+element项目中过滤输入框特殊字符小结
2019/08/07 Javascript
jquery html添加元素/删除元素操作实例详解
2020/05/20 jQuery
Vue+ElementUI 中级联选择器Bug问题的解决
2020/07/31 Javascript
JavaScript实现网页留言板功能
2020/11/23 Javascript
vue+elementUI动态增加表单项并添加验证的代码详解
2020/12/17 Vue.js
跟老齐学Python之从if开始语句的征程
2014/09/14 Python
python使用pil库实现图片合成实例代码
2018/01/20 Python
Python数据分析之双色球统计单个红和蓝球哪个比例高的方法
2018/02/03 Python
python 函数内部修改外部变量的方法
2018/12/18 Python
PyTorch中Tensor的维度变换实现
2019/08/18 Python
Python函数生成器原理及使用详解
2020/03/12 Python
keras 权重保存和权重载入方式
2020/05/21 Python
Python批量删除mysql中千万级大量数据的脚本分享
2020/12/03 Python
广州喜创信息技术有限公司JAVA软件工程师笔试题
2012/10/17 面试题
小学教师学期末自我评价
2013/09/25 职场文书
优秀企业获奖感言
2014/02/01 职场文书
结婚喜宴主持词
2014/03/14 职场文书
人事行政经理岗位职责
2014/06/18 职场文书
2014年民主评议党员个人总结
2014/09/24 职场文书
Mysql MVCC机制原理详解
2021/04/20 MySQL
Django一小时写出账号密码管理系统
2021/04/29 Python
React中的Context应用场景分析
2021/06/11 Javascript
java版 简单三子棋游戏
2022/05/04 Java/Android