JS弹出新窗口被拦截的解决方法


Posted in Javascript onAugust 09, 2016

在Web编程中,使用JS在新窗口打开页面的时候,会遇到被浏览器拦截的情况,那么,我们如何才能让JS打开新窗口不被浏览器阻止呢?

一、问题一

一般情况下,如果直接在js中调用window.open()函数去打开一个新窗口,浏览器会对弹出的窗口进行拦截,因为浏览器会把该窗口认为是弹出广告等用户不想得到的窗体

1、解决方法

把window.open()函数改为由用户主动点击时触发,在超链接里加入onclick事件,这样浏览器就认为是用户想访问这个页面,而不是直接弹出给用户

2、例如:

<a href="javascript:void(0)" onclick="window.open()"></a>

这样用户点击这个超链接,浏览器会认为它是打开一个新的链接,所以就不会拦截。

二、问题二

使用ajax处理数据,当点击获取数据后,再跳转到新页面,这时就会被浏览器拦截

1、解决方法

先用window.open打开一个窗口,然后修改该窗口地址

2、例如

var tempwindow=window.open();
tempwindow.location='/jump/new';

以上所述是小编给大家介绍的JS弹出新窗口被拦截的解决方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
javascript 窗口加载蒙板 内嵌网页内容
Nov 19 Javascript
jquery 图片上传按比例预览插件集合
May 28 Javascript
js/jQuery简单实现选项卡功能
Jan 02 Javascript
JavaScript通过正则表达式实现表单验证电话号码
Mar 07 Javascript
jquery实现带缩略图的全屏图片画廊效果实例
Jun 25 Javascript
页面内容排序插件jSort使用方法
Oct 10 Javascript
详解如何在Angular中快速定位DOM元素
May 17 Javascript
了解VUE的render函数的使用
Jun 08 Javascript
cocos creator Touch事件应用(触控选择多个子节点的实例)
Sep 10 Javascript
javascript函数的节流[throttle]与防抖[debounce]
Nov 15 Javascript
在vue中使用css modules替代scroped的方法
Mar 10 Javascript
浅谈React Native 传参的几种方式(小结)
May 21 Javascript
只要1K 纯JS脚本送你一朵3D红色玫瑰
Aug 09 #Javascript
JS获取一个未知DIV高度的方法
Aug 09 #Javascript
Bootstrap实现带动画过渡的弹出框
Aug 09 #Javascript
第一次接触神奇的Bootstrap导航条
Aug 09 #Javascript
教你JS中的运算符乘方、开方及变量格式转换
Aug 09 #Javascript
基于jQuery的AJAX和JSON实现纯html数据模板
Aug 09 #Javascript
jQuery实现产品对比功能附源码下载
Aug 09 #Javascript
You might like
国外比较好的几个的Php开源建站平台小结
2010/04/22 PHP
php判断上传的Excel文件中是否有图片及PHPExcel库认识
2013/01/11 PHP
php中引用符号(&amp;)的使用详解
2013/11/13 PHP
php安装dblib扩展,连接mssql的具体步骤
2017/03/02 PHP
PHP房贷计算器实例代码,等额本息,等额本金
2017/04/01 PHP
PHP与SQL语句写一句话木马总结
2019/10/11 PHP
lib.utf.js
2007/08/21 Javascript
File文件控件,选中文件(图片,flash,视频)即立即预览显示
2009/04/09 Javascript
javascript函数以及基础写法100多条实用整理
2013/01/13 Javascript
js实现div层缓慢收缩与展开的方法
2015/05/11 Javascript
jquery日历插件datepicker用法分析
2016/01/22 Javascript
详述JavaScript实现继承的几种方式(推荐)
2016/03/22 Javascript
AngularJS过滤器详解及示例代码
2016/08/16 Javascript
AngularJs  E2E Testing 详解
2016/09/02 Javascript
JavaScript基于Dom操作实现查找、修改HTML元素的内容及属性的方法
2017/01/20 Javascript
JS异步文件上传(兼容IE8+)
2017/04/02 Javascript
详解Angular如何正确的操作DOM
2018/07/06 Javascript
NodeJS使用Range请求实现下载功能的方法示例
2018/10/12 NodeJs
JS中数据结构之栈
2019/01/01 Javascript
如何自定义微信小程序tabbar上边框的颜色
2019/07/09 Javascript
React+TypeScript+webpack4多入口配置详解
2019/08/08 Javascript
基于Python的XSS测试工具XSStrike使用方法
2017/07/29 Python
python单向链表的基本实现与使用方法【定义、遍历、添加、删除、查找等】
2019/10/24 Python
Python argparse模块使用方法解析
2020/02/20 Python
如何实现在jupyter notebook中播放视频(不停地展示图片)
2020/04/23 Python
python代码区分大小写吗
2020/06/17 Python
PyChon中关于Jekins的详细安装(推荐)
2020/12/28 Python
HTML5 Canvas标签使用收录
2009/07/07 HTML / CSS
html5实现滑块功能之type=&quot;range&quot;属性
2020/02/18 HTML / CSS
世界顶级足球门票网站:Live Football Tickets
2017/10/14 全球购物
Puma印度官网:德国运动品牌
2019/10/06 全球购物
厨师长岗位职责
2014/03/02 职场文书
竞选团支书演讲稿
2014/04/28 职场文书
关于安全的标语
2014/06/10 职场文书
青岛导游词
2015/02/12 职场文书
SQL基础查询和LINQ集成化查询
2022/01/18 MySQL