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


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 相关文章推荐
js getBoundingClientRect() 来获取页面元素的位置
Nov 25 Javascript
js取两个数组的交集|差集|并集|补集|去重示例代码
Aug 07 Javascript
使用javascript实现页面定时跳转总结篇
Sep 21 Javascript
javascript将异步校验表单改写为同步表单
Jan 27 Javascript
javascript实现详细时间提醒信息效果的方法
Mar 11 Javascript
浅析JavaScript回调函数应用
May 22 Javascript
js+html制作简单验证码
Feb 16 Javascript
JavaScript 字符串数字左补位,右补位,取固定长度,截位扩展函数代码
Mar 25 Javascript
浅析JavaScript中的平稳退化(graceful degradation)
Jul 24 Javascript
weex slider实现滑动底部导航功能
Aug 28 Javascript
vue2中使用less简易教程
Mar 27 Javascript
Vue开发之封装分页组件与使用示例
Apr 25 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 之入门篇
2006/12/04 PHP
利用ThinkPHP内置的ThinkAjax实现异步传输技术的实现方法
2011/12/19 PHP
php实现上传图片保存到数据库的方法
2015/02/11 PHP
PHP基于文件存储实现缓存的方法
2015/07/20 PHP
jquery 1.3.2 IE8中的一点点的小问题解决方法
2009/07/10 Javascript
firefox和IE系列的相关区别整理 以备后用
2009/12/28 Javascript
关于event.cancelBubble和event.stopPropagation()的区别介绍
2011/12/11 Javascript
jQuery中empty()方法用法实例
2015/01/16 Javascript
js实现类似于add(1)(2)(3)调用方式的方法
2015/03/04 Javascript
javascript原型继承工作原理和实例详解
2016/04/07 Javascript
JS学习之表格的排序简单实例
2016/05/16 Javascript
jQuery插件HighCharts绘制简单2D柱状图效果示例【附demo源码】
2017/03/21 jQuery
angular select 默认值设置方法
2017/06/23 Javascript
JS动画实现回调地狱promise的实例代码详解
2018/11/08 Javascript
Angular6新特性之Angular Material
2018/12/28 Javascript
vue-cli配置全局sass、less变量的方法
2019/06/06 Javascript
vue store之状态管理模式的详细介绍
2019/06/13 Javascript
javascript事件循环event loop的简单模型解释与应用分析
2020/03/14 Javascript
如何实现echarts markline标签名显示自己想要的
2020/07/20 Javascript
python实现验证码识别功能
2018/06/07 Python
Tensorflow加载预训练模型和保存模型的实例
2018/07/27 Python
django 数据库 get_or_create函数返回值是tuple的问题
2020/05/15 Python
Pyinstaller 打包发布经验总结
2020/06/02 Python
keras使用Sequence类调用大规模数据集进行训练的实现
2020/06/22 Python
利用css3制作3D样式按钮实现代码
2013/03/18 HTML / CSS
CSS3中的content属性使用示例
2015/07/20 HTML / CSS
美国畅销的跑步机品牌:ProForm
2017/02/06 全球购物
协议书怎么写
2014/04/21 职场文书
春游踏青活动方案
2014/08/14 职场文书
无私奉献演讲稿
2014/09/04 职场文书
解放思想大讨论活动总结
2015/05/09 职场文书
花田少年史观后感
2015/06/16 职场文书
初一数学教学反思
2016/02/17 职场文书
MYSQL数据库使用UTF-8中文编码乱码的解决办法
2021/05/26 MySQL
详解Redis基本命令与使用场景
2021/06/01 Redis
压缩Redis里的字符串大对象操作
2021/06/23 Redis