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 相关文章推荐
showModalDialog 和 showModelessDialog
Jan 22 Javascript
Javascript学习笔记8 用JSON做原型
Jan 11 Javascript
获取div编辑框,textarea,input text的光标位置 兼容IE,FF和Chrome的方法介绍
Nov 08 Javascript
.net,js捕捉文本框回车键事件的小例子(兼容多浏览器)
Mar 11 Javascript
Javascript字符串浏览器兼容问题分析
Dec 01 Javascript
JavaSciprt中处理字符串之sup()方法的使用教程
Jun 08 Javascript
动态加载jQuery的方法
Jun 16 Javascript
JQuery自适应窗口大小导航菜单附源码下载
Sep 01 Javascript
Vue.js组件tree实现省市多级联动
Dec 02 Javascript
URL中“#” “?” &amp;“”号的作用浅析
Feb 04 Javascript
Ajax基础知识详解
Feb 17 Javascript
详解小程序rich-text对富文本支持方案
Nov 28 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
Thinkphp模板标签if和eq的区别和比较实例分析
2015/07/01 PHP
php里array_work用法实例分析
2015/07/13 PHP
PHP合并两个或多个数组的方法
2019/01/20 PHP
PHP fopen中文文件名乱码问题解决方案
2020/10/28 PHP
js获取单选按钮的数据
2006/11/27 Javascript
JavaScript 创建对象和构造类实现代码
2009/07/30 Javascript
$.format,jquery.format 使用说明
2011/07/13 Javascript
JS注册/移除事件处理程序(ExtJS应用程序设计实战)
2013/05/07 Javascript
Jquery操作radio的简单实例
2014/01/06 Javascript
AngularJS Ajax详解及示例代码
2016/08/17 Javascript
bootstrap-datetimepicker实现只显示到日期的方法
2016/11/25 Javascript
微信小程序左右滑动的实现代码
2017/12/15 Javascript
webpack开发环境和生产环境的深入理解
2018/11/08 Javascript
JavaScript定时器设置、使用与倒计时案例详解
2019/07/08 Javascript
vue项目配置使用flow类型检查的步骤
2020/03/18 Javascript
Vue的data、computed、watch源码浅谈
2020/04/04 Javascript
原生js实现移动小球(碰撞检测)
2020/12/17 Javascript
python去掉字符串中重复字符的方法
2014/02/27 Python
Python实现批量下载图片的方法
2015/07/08 Python
人工智能最火编程语言 Python大战Java!
2017/11/13 Python
pandas object格式转float64格式的方法
2018/04/10 Python
python用for循环求和的方法总结
2019/07/08 Python
Python使用字典实现的简单记事本功能示例
2019/08/15 Python
python 图片二值化处理(处理后为纯黑白的图片)
2019/11/01 Python
原来我一直安装 Python 库的姿势都不对呀
2019/11/11 Python
Windows+Anaconda3+PyTorch+PyCharm的安装教程图文详解
2020/04/03 Python
50个强大璀璨的CSS3/JS技术运用实例
2010/02/27 HTML / CSS
Sneaker Studio匈牙利:购买运动鞋
2018/03/26 全球购物
2019年c语言经典面试题目
2016/08/17 面试题
公司营业员的自我评价
2014/03/04 职场文书
2014年教研组工作总结
2014/11/26 职场文书
网络安全倡议书(3篇)
2019/09/18 职场文书
Redis 常见使用场景
2021/08/30 Redis
Java spring定时任务详解
2021/10/05 Java/Android
MySQL悲观锁与乐观锁的实现方案
2021/11/02 MySQL
python_tkinter事件类型详情
2022/03/20 Python