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


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和jquery设置disabled属性为true使按钮失效
Aug 07 Javascript
JavaScript实现俄罗斯方块游戏过程分析及源码分享
Mar 23 Javascript
Javascript对象Clone实例分析
Jun 09 Javascript
JS+CSS实现大气清新的滑动菜单效果代码
Oct 22 Javascript
javascript HTML5 Canvas实现圆盘抽奖功能
Apr 11 Javascript
微信小程序实战之自定义toast(6)
Apr 18 Javascript
AngularJS中使用ngModal模态框实例
May 27 Javascript
微信小程序文字显示换行问题
Jul 28 Javascript
详解vue页面首次加载缓慢原因及解决方案
Nov 06 Javascript
如何优雅地取消 JavaScript 异步任务
Mar 22 Javascript
JS co 函数库的含义和用法实例总结
Apr 08 Javascript
基于JQuery实现页面定时弹出广告
May 08 jQuery
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
星际争霸任务指南——虫族
2020/03/04 星际争霸
如何在symfony中导出为CSV文件中的数据
2011/10/06 PHP
深入解析php中的foreach函数
2013/08/31 PHP
PHP远程采集图片详细教程
2014/07/01 PHP
PHP闭包定义与使用简单示例
2018/04/13 PHP
javascript Select标记中options操作方法集合
2008/10/22 Javascript
半角全角相互转换的js函数
2009/10/16 Javascript
点弹代码 点击页面任何位置都可以弹出页面效果代码
2012/09/17 Javascript
JavaScript 验证码的实例代码(附效果图)
2013/03/22 Javascript
得到form下的所有的input的js代码
2013/11/07 Javascript
jquery实现图片滚动效果的简单实例
2013/11/23 Javascript
基于JQuery实现图片上传预览与删除操作
2016/05/24 Javascript
Vue.js实战之Vuex的入门教程
2017/04/01 Javascript
微信小程序中form 表单提交和取值实例详解
2017/04/20 Javascript
webpack实用小功能介绍
2018/01/02 Javascript
详解ES6语法之可迭代协议和迭代器协议
2018/01/13 Javascript
layui实现鼠标移动到单元格上显示数据的方法
2019/09/11 Javascript
Vue 实现CLI 3.0 + momentjs + lodash打包时优化
2019/11/13 Javascript
vue动态设置路由权限的主要思路
2021/01/13 Vue.js
[02:46]2014DOTA2国际邀请赛 选手为你解读比赛MVP充满梦想
2014/07/09 DOTA
Python对小数进行除法运算的正确方法示例
2014/08/25 Python
Python 爬虫多线程详解及实例代码
2016/10/08 Python
利用python GDAL库读写geotiff格式的遥感影像方法
2018/11/29 Python
TensorFlow车牌识别完整版代码(含车牌数据集)
2019/08/05 Python
python matplotlib库绘制散点图例题解析
2019/08/10 Python
Python远程开发环境部署与调试过程图解
2019/12/09 Python
Python  word实现读取及导出代码解析
2020/07/09 Python
python爬虫泛滥的解决方法详解
2020/11/25 Python
蔻驰法国官网:COACH法国
2018/11/14 全球购物
SNIDEL官网:日本VIVI杂志人气少女第一品牌
2020/03/12 全球购物
2019年Java 最常见的 面试题
2016/10/19 面试题
集体婚礼策划方案
2014/02/22 职场文书
四议两公开实施方案
2014/03/28 职场文书
祖国在我心中演讲稿500字
2014/05/04 职场文书
城管执法人员纪律作风整顿思想汇报
2014/09/13 职场文书
党员评议个人总结
2014/10/20 职场文书