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实例教程(19) 使用HoTMetal(3)
Dec 23 Javascript
JS获取整个页面文档的实现代码
Dec 15 Javascript
jQuery Tools tab使用介绍
Jul 14 Javascript
通过jQuery源码学习javascript(二)
Dec 27 Javascript
javascript日期格式化示例分享
Mar 05 Javascript
JavaScript中合并数组的N种方法
Sep 16 Javascript
angularjs指令之绑定策略(@、=、&amp;)
Apr 13 Javascript
用vue和node写的简易购物车实现
Apr 25 Javascript
jQuery+SpringMVC中的复选框选择与传值实例
Jan 08 jQuery
vue eslint简要配置教程详解
Jul 26 Javascript
小程序简单两栏瀑布流效果的实现
Dec 18 Javascript
JavaScript实现拖拽功能
Feb 11 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
Ajax+PHP 边学边练 之二 实例
2009/11/24 PHP
PHP中全面阻止SQL注入式攻击分析小结
2012/01/30 PHP
PHP中SimpleXML函数用法分析
2014/11/26 PHP
php中session定期自动清理的方法
2015/11/12 PHP
Js+XML 操作
2006/09/20 Javascript
javascript 模拟JQuery的Ready方法实现并出现的问题
2009/12/06 Javascript
强大的jquery插件jqeuryUI做网页对话框效果!简单
2011/04/14 Javascript
鼠标滚轮改变图片大小的示例代码
2013/11/20 Javascript
js限制文本框只能输入数字方法小结
2014/06/16 Javascript
理解javascript中的MVC模式
2016/01/28 Javascript
基于jQuery Ajax实现上传文件
2016/03/24 Javascript
js 实现获取name 相同的页面元素并循环遍历的方法
2017/02/14 Javascript
使用 NodeJS+Express 开发服务端的简单介绍
2017/04/07 NodeJs
Vue.js用法详解
2017/11/13 Javascript
bootstrap 通过加减按钮实现输入框组功能
2017/11/15 Javascript
JS实现图片旋转动画效果封装与使用示例
2018/07/09 Javascript
js中split()方法得到的数组长度问题
2018/07/19 Javascript
基于Nodejs的Tcp封包和解包的理解
2018/09/19 NodeJs
ES6中字符串的使用方法扩展
2019/06/04 Javascript
python获取图片颜色信息的方法
2015/03/18 Python
python实现将元祖转换成数组的方法
2015/05/04 Python
pandas 使用apply同时处理两列数据的方法
2018/04/20 Python
Python实现获取nginx服务器ip及流量统计信息功能示例
2018/05/18 Python
深入理解python中sort()与sorted()的区别
2018/08/29 Python
Python数据可视化库seaborn的使用总结
2019/01/15 Python
Jupyter Notebook打开任意文件夹操作
2020/04/14 Python
Python selenium爬虫实现定时任务过程解析
2020/06/08 Python
详解CSS3新增的背景属性
2019/12/25 HTML / CSS
快时尚眼镜品牌,全国连锁眼镜店:LOHO眼镜生活
2018/10/08 全球购物
荷兰最大的多品牌男装连锁店:Adam Brandstore
2019/12/31 全球购物
RUIFIER官网:英国奢侈高级珠宝品牌
2020/06/12 全球购物
外贸公司实习自我鉴定
2013/09/24 职场文书
医学生实习自我鉴定
2013/09/27 职场文书
村干部四风问题整改措施
2014/09/30 职场文书
2015年检验科工作总结
2015/04/27 职场文书
解析redis hash应用场景和常用命令
2021/08/04 Redis