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


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 相关文章推荐
IE中jscript/javascript的条件编译
Sep 07 Javascript
学习YUI.Ext 第六天--关于树TreePanel(Part 1)
Mar 10 Javascript
js继承的实现代码
Aug 05 Javascript
Jquery中国地图热点效果-鼠标经过弹出提示层信息的简单实例
Feb 12 Javascript
jQuery插件jcrop+Fileapi完美实现图片上传+裁剪+预览的代码分享
Apr 22 Javascript
JavaScript中判断数据类型的方法总结
May 24 Javascript
JS制作类似选项卡切换的年历
Dec 03 Javascript
Vue.js实现简单动态数据处理
Feb 13 Javascript
基于jQuery的$.getScript方法去加载javaScript文档解析
Nov 08 jQuery
浅谈Node.js 子进程与应用场景
Jan 24 Javascript
解决vue热替换失效的根本原因
Sep 19 Javascript
详解element-ui设置下拉选择切换必填和非必填
Jun 17 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
require(),include(),require_once()和include_once()区别
2008/03/27 PHP
对于PHP 5.4 你必须要知道的
2013/08/07 PHP
php基于PDO实现功能强大的MYSQL封装类实例
2017/02/27 PHP
PHP单例模式数据库连接类与页面静态化实现方法
2019/03/20 PHP
jquery 注意事项与常用语法小结
2010/06/07 Javascript
浏览器加载、渲染和解析过程黑箱简析
2012/11/29 Javascript
JavaScript中“基本类型”之争小结
2013/01/03 Javascript
js关于字符长度限制的问题示例探讨
2014/01/24 Javascript
JavaScript中DOM详解
2015/04/13 Javascript
js实现点击文本框显示日期选择器特效代码分享
2020/05/21 Javascript
Vue.js基础知识汇总
2016/04/27 Javascript
温习Javascript基础语法之词法结构
2016/05/31 Javascript
jQuery Tags Input Plugin(添加/删除标签插件)详解
2016/06/20 Javascript
Vue表单demo v-model双向绑定问题
2018/06/29 Javascript
Vue项目部署在Spring Boot出现页面空白问题的解决方案
2018/11/26 Javascript
Angular6新特性之Angular Material
2018/12/28 Javascript
Vue组件化开发之通用型弹出框的实现
2020/02/28 Javascript
基于vue和bootstrap实现简单留言板功能
2020/05/30 Javascript
详解阿里Node.js技术文档之process模块学习指南
2021/01/04 Javascript
[06:16]DOTA2守卫传承者——职业选手谈心路历程
2015/02/26 DOTA
Python中使用ConfigParser解析ini配置文件实例
2014/08/30 Python
Python学习笔记之os模块使用总结
2014/11/03 Python
python通过pil将图片转换成黑白效果的方法
2015/03/16 Python
pycharm安装和首次使用教程
2018/08/27 Python
用python代码将tiff图片存储到jpg的方法
2018/12/04 Python
python datetime中strptime用法详解
2019/08/29 Python
python向图片里添加文字
2019/11/26 Python
Django单元测试中Fixtures用法详解
2020/02/25 Python
英国Radley包德国官网:Radley London德国
2019/11/18 全球购物
德国的大型美妆个护电商:Flaconi
2020/06/26 全球购物
市场营销个人求职信范文
2014/02/02 职场文书
渡河少年教学反思
2014/02/12 职场文书
汉语言文学专业求职信
2014/06/19 职场文书
县委班子四风对照检查材料思想汇报
2014/09/29 职场文书
乡镇计划生育工作汇报
2014/10/28 职场文书
2015年高校就业工作总结
2015/05/04 职场文书