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


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 相关文章推荐
jquery 模式对话框终极版实现代码
Sep 28 Javascript
一个javascript图片阅览组件
Nov 09 Javascript
浅谈Javascript数据属性与访问器属性
Jul 26 Javascript
功能强大的jquery.validate表单验证插件
Nov 07 Javascript
微信小程序 数据绑定及运算的简单实例
Sep 20 Javascript
Vue添加请求拦截器及vue-resource 拦截器使用
Nov 23 Javascript
async/await优雅的错误处理方法总结
Jan 30 Javascript
深度了解vue.js中hooks的相关知识
Jun 14 Javascript
基于Angular 8和Bootstrap 4实现动态主题切换的示例代码
Feb 11 Javascript
JS+CSS实现3D切割轮播图
Mar 21 Javascript
Vue3配置axios跨域实现过程解析
Nov 25 Vue.js
Vue3 实现双盒子定位Overlay的示例
Dec 22 Vue.js
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函数篇详解十进制、二进制、八进制和十六进制转换函数说明
2011/12/05 PHP
PHP防止post重复提交数据的简单例子
2014/06/07 PHP
PHP使用redis实现统计缓存mysql压力的方法
2015/11/14 PHP
制作个性化的WordPress登陆界面的实例教程
2016/05/21 PHP
实例分析PHP中PHPMailer发邮件
2017/12/13 PHP
PHP面向对象类型约束用法分析
2019/06/12 PHP
IE和FireFox(FF)中js和css的不同
2009/04/13 Javascript
javascript算法学习(直接插入排序)
2011/04/12 Javascript
使用jquery.validate自定义方法实现&quot;手机号码或者固话至少填写一个&quot;的逻辑验证
2014/09/01 Javascript
JavaScript操作DOM元素的childNodes和children区别
2015/04/01 Javascript
javascript解三阶幻方(九宫格)
2015/04/22 Javascript
jQuery实现的网页左侧在线客服效果代码
2015/10/23 Javascript
表单中单选框添加选项和移除选项
2016/07/04 Javascript
JS解决移动web开发手机输入框弹出的问题
2017/03/31 Javascript
JS实现的简单表单验证功能完整实例
2017/10/14 Javascript
jQuery实现碰到边缘反弹的动画效果
2018/02/24 jQuery
Javascript之高级数组API的使用实例
2019/03/08 Javascript
p5.js实现故宫橘猫赏秋图动画
2019/10/23 Javascript
webpack3.0升级4.0的方法步骤
2020/04/02 Javascript
用Pycharm实现鼠标滚轮控制字体大小的方法
2019/01/15 Python
python利用selenium进行浏览器爬虫
2019/04/25 Python
Python selenium爬虫实现定时任务过程解析
2020/06/08 Python
python 绘制国旗的示例
2020/09/27 Python
BAILEY 44官网:美国制造的女性服装
2019/07/01 全球购物
Hotels.com越南:酒店预订
2019/10/29 全球购物
英国领先的电动可调床制造商:Laybrook
2019/12/26 全球购物
POS解决方案:MUNBYN(热敏打印机、条形码扫描仪)
2020/06/09 全球购物
使用索引有什么好处
2016/07/27 面试题
信息技术专业个人自我评价
2013/12/11 职场文书
婚纱摄影师求职信
2014/03/07 职场文书
优秀电子工程系毕业生求职信
2014/05/24 职场文书
商铺消防安全责任书
2014/07/29 职场文书
助学金感谢信
2015/01/20 职场文书
公司档案管理制度
2015/08/05 职场文书
React配置子路由的实现
2021/06/03 Javascript
Apache SeaTunnel实现 非CDC数据抽取
2022/05/20 Servers