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


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 While 循环基础教程
Apr 05 Javascript
JavaScript面向对象之体会[总结]
Nov 13 Javascript
js+html+css实现鼠标移动div实例
Jan 30 Javascript
常见的原始JS选择器使用方法总结
Apr 09 Javascript
jQuery不使用插件及swf实现无刷新文件上传
Dec 08 Javascript
浅谈javascript中自定义模版
Jan 29 Javascript
jQuery插件实现控制网页元素动态居中显示
Mar 24 Javascript
js实现网站最上边可关闭的浮动广告条代码
Sep 04 Javascript
基于BootStrap Metronic开发框架经验小结【五】Bootstrap File Input文件上传插件的用法详解
May 12 Javascript
Angular利用trackBy提升性能的方法
Jan 26 Javascript
vue动画打包后失效问题的解决方法
Sep 18 Javascript
详解Typescript 内置的模块导入兼容方式
May 31 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去除字符串换行符示例分享
2014/02/13 PHP
PHP实现生成唯一编号(36进制的不重复编号)
2014/07/01 PHP
ecshop后台编辑器替换成ueditor编辑器
2015/03/03 PHP
PHP验证信用卡卡号是否正确函数
2015/05/27 PHP
PHP7新特性foreach 修改示例介绍
2016/08/26 PHP
详解Yii2.0使用AR联表查询实例
2017/06/16 PHP
浅析PHP类的反射来实现依赖注入过程
2018/02/06 PHP
PHP simplexml_import_dom()函数讲解
2019/02/03 PHP
php连接mysql之mysql_connect()与mysqli_connect()的区别
2020/07/19 PHP
Nigma vs Liquid BO3 第二场2.14
2021/03/10 DOTA
Grid得到选择行数据的方法总结
2011/01/17 Javascript
js replace正则表达式应用案例讲解
2013/01/17 Javascript
如何使用jquery动态加载js,css文件实现代码
2013/04/03 Javascript
JS自调用匿名函数具体实现
2014/02/11 Javascript
javascript 动态创建表格的2种方法总结
2015/03/04 Javascript
jQuery无刷新分页完整实例代码
2015/10/27 Javascript
简述jQuery ajax的执行顺序
2016/01/05 Javascript
javascript使用Promise对象实现异步编程
2016/03/01 Javascript
有关JavaScript中call()和apply() 的一些理解
2016/05/20 Javascript
angularjs实现首页轮播图效果
2017/04/14 Javascript
JS操作时间 - UNIX时间戳的简单介绍(必看篇)
2017/08/16 Javascript
bootstrap select下拉搜索插件使用方法详解
2017/11/23 Javascript
把vue-router和express项目部署到服务器的方法
2018/02/21 Javascript
vue加载完成后的回调函数方法
2018/09/07 Javascript
vue+element树组件 实现树懒加载的过程详解
2019/10/21 Javascript
详解Howler.js Web音频播放终极解决方案
2020/08/23 Javascript
基于JavaScript实现随机点名器
2021/02/25 Javascript
python subprocess 杀掉全部派生的子进程方法
2017/01/16 Python
基于python实现百度翻译功能
2019/05/09 Python
pygame实现俄罗斯方块游戏(基础篇1)
2019/10/29 Python
使用python3 实现插入数据到mysql
2020/03/02 Python
KIKO MILANO英国官网:意大利知名化妆品和护肤品品牌
2017/09/25 全球购物
一年级班主任感言
2014/03/08 职场文书
个人银行贷款担保书
2014/04/01 职场文书
2015年房地产销售工作总结
2015/04/20 职场文书
SQL Server删除表中的重复数据
2022/05/25 SQL Server