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


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 解决Ajax请求的页面 浏览器后退前进功能,页面刷新功能实效问题
Dec 11 Javascript
JQuery循环滚动图片代码
Dec 08 Javascript
一行代码告别document.getElementById
Jun 01 Javascript
JQueryEasyUI datagrid框架的进阶使用
Apr 08 Javascript
jQuery中parents()和parent()的区别分析
Oct 28 Javascript
javascript获取四位数字或者字母的随机数
Jan 09 Javascript
js判断文本框输入的内容是否为数字
Dec 23 Javascript
基于JS实现EOS隐藏错误提示层代码
Apr 25 Javascript
基于Node.js的JavaScript项目构建工具gulp的使用教程
May 20 Javascript
基于 flexible 的 Vue 组件:Toast -- 显示框效果
Dec 26 Javascript
微信小程序实现顶部下拉菜单栏
Nov 04 Javascript
jQuery实现高度灵活的表单验证功能示例【无UI】
Apr 30 jQuery
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 求质素(素数) 的实现代码
2011/04/12 PHP
CodeIgniter上传图片成功的全部过程分享
2013/08/12 PHP
如何阻止网站被恶意反向代理访问(防网站镜像)
2014/03/18 PHP
JavaScript创建命名空间的5种写法
2014/06/24 PHP
PHP实现全角字符转为半角方法汇总
2015/07/09 PHP
PHP魔术方法使用方法汇总
2016/02/14 PHP
bindParam和bindValue的区别以及在Yii2中的使用详解
2018/03/12 PHP
jQuery中使用了document和window哪些属性和方法小结
2011/09/13 Javascript
js改变文章字体大小的实例代码
2013/11/27 Javascript
js实现图片在未加载完成前显示加载中字样
2014/09/03 Javascript
Javascript中的关键字和保留字整理
2014/10/16 Javascript
浅谈javascript 迭代方法
2015/01/21 Javascript
jquery实现移动端点击图片查看大图特效
2020/09/11 Javascript
node中使用es5/6以及支持性与性能对比
2017/08/11 Javascript
深入浅出es6模板字符串
2017/08/26 Javascript
VueJs组件prop验证简单介绍
2017/09/12 Javascript
详解angularJS+Ionic移动端图片上传的解决办法
2017/09/13 Javascript
jquery radio 动态控制选中失效问题的解决方法
2018/02/28 jQuery
[14:56]教你分分钟做大人:巫医
2014/10/30 DOTA
python完成FizzBuzzWhizz问题(拉勾网面试题)示例
2014/05/05 Python
Python使用urllib模块的urlopen超时问题解决方法
2014/11/08 Python
Python3爬虫学习之爬虫利器Beautiful Soup用法分析
2018/12/12 Python
python获取交互式ssh shell的方法
2019/02/14 Python
python画图——实现在图上标注上具体数值的方法
2019/07/08 Python
Python程序控制语句用法实例分析
2020/01/14 Python
基于TensorBoard中graph模块图结构分析
2020/02/15 Python
python中子类与父类的关系基础知识点
2021/02/02 Python
Cole Haan官方网站:美国时尚潮流品牌
2017/12/06 全球购物
Hudson Jeans官网:高级精制牛仔裤
2018/11/28 全球购物
“学雷锋活动月”总结
2014/03/09 职场文书
共青团员自我评价范文
2014/09/14 职场文书
关于召开会议的通知
2015/04/15 职场文书
2015年度个人教学工作总结
2015/05/20 职场文书
高二英语教学反思
2016/03/03 职场文书
CSS3 制作的书本翻页特效
2021/04/13 HTML / CSS
上个世纪50年代的可穿戴技术:无线电帽子
2022/02/18 无线电