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


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 相关文章推荐
javascript html 静态页面传参数
Apr 10 Javascript
Uglifyjs(JS代码优化工具)入门 安装使用
Apr 13 Javascript
jquery将一个表单序列化为一个对象的方法
Dec 02 Javascript
扩展jquery easyui tree的搜索树节点方法(推荐)
Oct 28 Javascript
js编写的treeview使用方法
Nov 11 Javascript
postman+json+springmvc测试批量添加实例
Mar 31 Javascript
详解JS转换数值函数Number()、parseInt()、parseFloat()
Aug 24 Javascript
浅析Vue中拆分视图层代码的5点建议
Aug 15 Javascript
vue用BMap百度地图实现即时搜索功能
Sep 26 Javascript
Node.js API详解之 vm模块用法实例分析
May 27 Javascript
解决vue中的无限循环问题
Jul 27 Javascript
uni-app 微信小程序授权登录的实现步骤
Feb 18 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
复杂检索数据并分页显示的处理方法
2006/10/09 PHP
献给php初学者(入门学习经验谈)
2010/10/12 PHP
php操作SVN版本服务器类代码
2011/11/27 PHP
PHP关于foreach复制知识点总结
2019/01/28 PHP
PHP生成短网址的思路以及实现方法的详解
2019/03/25 PHP
PHPstorm激活码2020年5月13日亲测有效
2020/09/17 PHP
基于jQuery实现的当离开页面时出现提示的实现代码
2011/06/27 Javascript
js判断是否为ie的方法小结
2014/01/13 Javascript
JavaScript打印网页指定区域的例子
2014/05/03 Javascript
javascript中的return和闭包函数浅析
2014/06/06 Javascript
jQuery 过滤方法filter()选择具有特殊属性的元素
2014/06/15 Javascript
JavaScript使用DeviceOne开发实战(四)仿优酷视频应用
2015/12/02 Javascript
浅谈angular.js跨域post解决方案
2017/08/30 Javascript
Vue2.0中集成UEditor富文本编辑器的方法
2018/03/03 Javascript
vue axios 在页面切换时中断请求方法 ajax
2018/03/05 Javascript
vue修改对象的属性值后页面不重新渲染的实例
2018/08/09 Javascript
解决vue-cli脚手架打包后vendor文件过大的问题
2018/09/27 Javascript
vue学习笔记五:在vue项目里面使用引入公共方法详解
2019/04/04 Javascript
vue实现手机号码的校验实例代码(防抖函数的应用场景)
2019/09/05 Javascript
jQuery实现的移动端图片缩放功能组件示例
2020/05/01 jQuery
基于Vue.js+Nuxt开发自定义弹出层组件
2020/10/09 Javascript
[47:42]Fnatic vs Liquid 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
Django 导出 Excel 代码的实例详解
2017/08/11 Python
Python如何通过subprocess调用adb命令详解
2017/08/27 Python
Python实现的维尼吉亚密码算法示例
2018/04/12 Python
python 实现提取某个索引中某个时间段的数据方法
2019/02/01 Python
python将邻接矩阵输出成图的实现
2019/11/21 Python
Python守护进程实现过程详解
2020/02/10 Python
使用Python 自动生成 Word 文档的教程
2020/02/13 Python
经典优秀毕业生求职信范文分享
2013/12/18 职场文书
公司新年寄语
2014/04/04 职场文书
婚假请假条格式及范文
2014/04/10 职场文书
交心谈心活动总结
2015/05/11 职场文书
启动Tomcat时出现大量乱码的解决方法
2021/06/21 Java/Android
世界十大动漫制作公司排行榜,迪士尼上榜,第二是美国代表性文化符
2022/03/18 欧美动漫
nginx rewrite功能使用场景分析
2022/05/30 Servers