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


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 相关文章推荐
jQuery EasyUI 中文API Button使用实例
Apr 14 Javascript
js获取电脑分辨率的思路及操作
Nov 22 Javascript
使用js实现一个可编辑的select下拉列表
Feb 20 Javascript
现如今最流行的JavaScript代码规范
Mar 08 Javascript
js实现弹出窗口、页面变成灰色并不可操作的例子分享
May 10 Javascript
jquery uploadify 在FF下无效的解决办法
Sep 26 Javascript
JavaScript 动态加载脚本和样式的方法
Apr 13 Javascript
javascript表单控件实例讲解
Sep 13 Javascript
Angular中封装fancyBox(图片预览)遇到问题小结
Sep 01 Javascript
用图片替换checkbox原始样式并实现同样的功能
Nov 15 Javascript
node.js使用 http-proxy 创建代理服务器操作示例
Feb 10 Javascript
TypeScript 使用 Tuple Union 声明函数重载
Apr 07 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数组排序之sort、asort与ksort用法实例
2014/09/08 PHP
WordPress中访客登陆实现邮件提醒的PHP脚本实例分享
2015/12/14 PHP
PHP实现网页内容html标签补全和过滤的方法小结【2种方法】
2017/04/27 PHP
PHP中include和require的区别实例分析
2017/05/07 PHP
Laravel5.5新特性之友好报错以及展示详解
2017/08/13 PHP
正则表达式判断是否存在中文和全角字符和判断包含中文字符串长度
2008/09/27 Javascript
js动态设置div的值下例子
2013/10/29 Javascript
js写的方法实现上传图片之后查看大图
2014/03/05 Javascript
nodejs文件操作模块FS(File System)常用函数简明总结
2014/06/05 NodeJs
jQuery焦点图切换简易插件制作过程全纪录
2014/08/27 Javascript
javascript学习笔记(一)基础知识
2014/09/30 Javascript
浅谈JavaScript中Date(日期对象),Math对象
2015/02/05 Javascript
javascript 闭包详解
2015/02/15 Javascript
JS实现弹出浮动窗口(支持鼠标拖动和关闭)实例详解
2015/08/06 Javascript
jquery实现点击向下展开菜单项(伸缩导航)效果
2015/08/22 Javascript
全面解析Bootstrap排版使用方法(标题)
2015/11/30 Javascript
JS平滑无缝滚动效果的实现代码
2016/05/06 Javascript
Jquery Easyui搜索框组件SearchBox使用详解(19)
2016/12/17 Javascript
JavaScript基本类型值-Number类型
2017/02/24 Javascript
详解在vue-cli中引用jQuery、bootstrap以及使用sass、less编写css
2017/11/08 jQuery
vue2中的keep-alive使用总结及注意事项
2017/12/21 Javascript
微信小程序数据分析之自定义分析的实现
2018/08/17 Javascript
PostgreSQL Node.js实现函数计算方法示例
2019/02/12 Javascript
JS重学系列之聊聊new操作符
2019/03/04 Javascript
Vue开发之watch监听数组、对象、变量操作分析
2019/04/25 Javascript
JS扁平化输出数组的2种方法解析
2019/09/17 Javascript
python爬虫刷访问量 2019 7月
2019/08/01 Python
Biblibili视频投稿接口分析并以Python实现自动投稿功能
2021/02/05 Python
MADE法国:提供原创设计师家具
2018/09/18 全球购物
可爱的童装和鞋子:Fabkids
2019/08/16 全球购物
日本最大化妆品和美容产品的综合口碑网站:cosme shopping
2019/08/28 全球购物
寒假实习自荐信
2014/01/26 职场文书
《世界多美呀》教学反思
2014/03/02 职场文书
2014年助理政工师工作总结
2014/12/19 职场文书
闭幕词的写作格式与范文!
2019/06/24 职场文书
大学生暑期实践报告之企业经营管理
2019/08/08 职场文书