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


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 相关文章推荐
utf8的编码算法 转载
Dec 27 Javascript
jquery 插件学习(四)
Aug 06 Javascript
input禁止键盘及中文输入,但可以点击
Feb 13 Javascript
仿淘宝TAB切换搜索框搜索切换的相关内容
Sep 21 Javascript
js实现鼠标划过给div加透明度的方法
May 25 Javascript
JS数组合并push与concat区别分析
Dec 17 Javascript
jQuery实现点击弹出背景变暗遮罩效果实例代码
Jun 24 Javascript
一次$.getJSON不执行的简单记录
Jul 19 Javascript
js放大镜放大购物图片效果
Jan 18 Javascript
如何开发出更好的JavaScript模块
Dec 22 Javascript
微信小程序6位或多位验证码密码输入框功能的实现代码
May 29 Javascript
vue路由切换时取消之前的所有请求操作
Sep 01 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:风雨欲来 路在何方?
2006/10/09 PHP
菜鸟学PHP之Smarty入门
2007/01/04 PHP
从康盛产品(discuz)提取出来的模板类
2011/06/28 PHP
PHP中new static()与new self()的区别异同分析
2014/08/22 PHP
利用Laravel事件系统如何实现登录日志的记录详解
2017/05/20 PHP
PHP生成加减算法方式的验证码实例
2018/03/12 PHP
一款JavaScript压缩工具:X2JSCompactor
2007/06/13 Javascript
prototype Element学习笔记(Element篇三)
2008/10/26 Javascript
jQuery 2.0.3 源码分析之core(一)整体架构
2014/05/27 Javascript
在JS数组特定索引处指定位置插入元素的技巧
2014/08/24 Javascript
使用JQuery库提供的扩展功能实现自定义方法
2014/09/09 Javascript
jQuery实现两款有动画功能的导航菜单代码
2015/09/16 Javascript
WebGL利用FBO完成立方体贴图效果完整实例(附demo源码下载)
2016/01/26 Javascript
AngularJS 执行流程详细介绍
2016/08/18 Javascript
Bootstrap源码解读按钮(5)
2016/12/23 Javascript
JavaScript数据结构之二叉树的查找算法示例
2017/04/13 Javascript
详解Webpack实战之构建 Electron 应用
2017/12/25 Javascript
Javascript将图片的绝对路径转换为base64编码的方法
2018/01/11 Javascript
200行代码实现blockchain 区块链实例详解
2018/03/14 Javascript
构建大型 Vue.js 项目的10条建议(小结)
2019/11/14 Javascript
JavaScript交换变量的常用方法小结【4种方法】
2020/05/07 Javascript
[52:27]2018DOTA2亚洲邀请赛 3.31 小组赛B组 paiN vs Secret
2018/04/01 DOTA
用python实现百度翻译的示例代码
2018/03/09 Python
Tensorflow使用tfrecord输入数据格式
2018/06/19 Python
在python里协程使用同步锁Lock的实例
2019/02/19 Python
python定时按日期备份MySQL数据并压缩
2019/04/19 Python
Python配置虚拟环境图文步骤
2019/05/20 Python
Python学习笔记之集合的概念和简单使用示例
2019/08/22 Python
python框架flask入门之路由及简单实现方法
2020/06/07 Python
What's the difference between deep copy and shallow copy? (深拷贝与浅拷贝有什么区别)
2015/11/10 面试题
暑期社会实践方案
2014/02/05 职场文书
法律专业学生的自我评价
2014/02/07 职场文书
新学期国旗下演讲稿
2014/05/08 职场文书
部门经理迟到检讨书
2015/02/16 职场文书
公司财务人员岗位职责
2015/04/14 职场文书
Python深度学习之实现卷积神经网络
2021/06/05 Python