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


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 相关文章推荐
Autocomplete Textbox Example javascript实现自动完成成功
Aug 17 Javascript
jquery 选择器引擎sizzle浅析
Feb 06 Javascript
jQuery当鼠标悬停时放大图片的效果实例
Jul 03 Javascript
利用js读取动态网站从服务器端返回的数据
Feb 10 Javascript
jQuery给多个不同元素添加class样式的方法
Mar 26 Javascript
使用jquery提交form表单并自定义action的实现代码
May 25 Javascript
angularjs 实现带查找筛选功能的select下拉框实例
Jan 11 Javascript
vue.js,ajax渲染页面的实例
Feb 11 Javascript
JavaScript日期工具类DateUtils定义与用法示例
Sep 03 Javascript
layui 表单标签的校验方法
Sep 04 Javascript
JavaScript算法学习之冒泡排序和选择排序
Nov 02 Javascript
ElementUI实现el-form表单重置功能按钮
Jul 21 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跨站刷票的实现代码
2013/06/18 PHP
如何解决CI框架的Disallowed Key Characters错误提示
2013/07/05 PHP
Linux下安装PHP MSSQL扩展教程
2014/10/24 PHP
php获取数组元素中头一个数组元素值的实现方法
2014/12/20 PHP
php中fsockopen用法实例
2015/01/05 PHP
Javascript和Ajax中文乱码吐血版解决方案
2009/12/21 Javascript
jqeury eval将字符串转换json的方法
2011/01/20 Javascript
通过JS获取用户本地图片路径并显示的代码
2012/02/16 Javascript
javascript使用for循环批量注册的事件不能正确获取索引值的解决方法
2014/12/20 Javascript
Bootstrap table分页问题汇总
2016/05/30 Javascript
详解Vue2 无限级分类(添加,删除,修改)
2017/03/07 Javascript
详解vue与后端数据交互(ajax):vue-resource
2017/03/16 Javascript
Angular.js通过自定义指令directive实现滑块滑动效果
2017/10/13 Javascript
axios向后台传递数组作为参数的方法
2018/08/11 Javascript
微信小程序实现单选选项卡切换效果
2020/06/19 Javascript
不依任何赖第三方,单纯用vue实现Tree 树形控件的案例
2020/09/21 Javascript
Vue实现圆环进度条的示例
2021/02/06 Vue.js
从零学python系列之数据处理编程实例(一)
2014/05/22 Python
python数字图像处理之高级滤波代码详解
2017/11/23 Python
Python通过TensorFlow卷积神经网络实现猫狗识别
2019/03/14 Python
浅析python redis的连接及相关操作
2019/11/07 Python
Python Matplotlib简易教程(小白教程)
2020/07/28 Python
Python多分支if语句的使用
2020/09/03 Python
美国新兴城市生活方式零售商:VILLA
2017/12/06 全球购物
芝加哥牛排公司:Chicago Steak Company
2018/10/31 全球购物
New Balance俄罗斯官方网上商店:购买运动鞋
2020/03/02 全球购物
数组越界问题
2015/10/21 面试题
大学生职业生涯规划范文
2014/01/08 职场文书
大专会计自我鉴定
2014/02/06 职场文书
护士的自我鉴定
2014/02/07 职场文书
工程类专业自荐信范文
2014/03/09 职场文书
司法建议书范文
2014/05/13 职场文书
英语邀请函范文
2015/02/02 职场文书
爱国教育主题班会
2015/08/14 职场文书
简单聊聊TypeScript只读修饰符
2022/04/06 Javascript
vue如何实现关闭对话框后刷新列表
2022/04/08 Vue.js