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 相关文章推荐
jquery随意添加移除html的实现代码
Jun 21 Javascript
location.href用法总结(最主要的)
Dec 27 Javascript
jquery.Ajax()方法调用Asp.Net后台的方法解析
Feb 13 Javascript
JavaScript 表单处理实现代码
Apr 13 Javascript
js实现数组转换成json
Jun 26 Javascript
javascript生成img标签的3种实现方法(对象、方法、html)
Dec 25 Javascript
Jquery实时监听input value的实例
Jan 26 Javascript
vue-cli项目中怎么使用mock数据
Sep 27 Javascript
jQuery中过滤器的基本用法示例
Oct 11 jQuery
vue 实现复制内容到粘贴板clipboard的方法
Mar 17 Javascript
JS与jQuery实现ListBox上移,下移,左移,右移操作功能示例
May 31 jQuery
深入理解redux之compose的具体应用
Jan 12 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/02/08 PHP
PHP实现多图上传(结合uploadify插件)思路分析
2016/11/30 PHP
php四种定界符详解
2017/02/16 PHP
javascript 写类方式之七
2009/07/05 Javascript
两个比较有用的Javascript工具函数代码
2010/02/17 Javascript
JavaScript 处理Iframe自适应高度(同或不同域名下)
2013/03/29 Javascript
推荐一个封装好的getElementsByClassName方法
2014/12/02 Javascript
Jquery搜索父元素操作方法
2015/02/10 Javascript
javascript 实现map集合
2015/04/03 Javascript
VC调用javascript的几种方法(推荐)
2016/08/09 Javascript
针对JavaScript中this指向的简单理解
2016/08/26 Javascript
JS比较两个数值的大小实例
2016/11/25 Javascript
简单实现js点击展开二级菜单功能
2017/05/16 Javascript
vue高德地图之玩转周边
2017/06/16 Javascript
vue init失败简单解决方法(终极版)
2017/12/22 Javascript
vue.js的computed,filter,get,set的用法及区别详解
2018/03/08 Javascript
vue用递归组件写树形控件的实例代码
2018/07/19 Javascript
vue构建动态表单的方法示例
2018/09/22 Javascript
浅谈redux, koa, express 中间件实现对比解析
2019/05/23 Javascript
ant-design-vue 实现表格内部字段验证功能
2019/12/16 Javascript
解决vscode进行vue格式化,会自动补分号和双引号的问题
2020/10/26 Javascript
python中日期和时间格式化输出的方法小结
2015/03/19 Python
python3爬虫获取html内容及各属性值的方法
2018/12/17 Python
MNIST数据集转化为二维图片的实现示例
2020/01/10 Python
Python 获取异常(Exception)信息的几种方法
2020/12/29 Python
HTML5 canvas基本绘图之绘制矩形
2016/06/27 HTML / CSS
美国台面电器和厨具品牌:KitchenAid
2019/04/12 全球购物
学生会主席事迹材料
2014/01/28 职场文书
2014年大学生四年规划书范文
2014/04/03 职场文书
体育专业求职信
2014/07/16 职场文书
2014年大学生社会实践自我鉴定
2014/09/26 职场文书
“向国旗敬礼”主题班会活动设计方案
2014/09/27 职场文书
Python 实现定积分与二重定积分的操作
2021/05/26 Python
python中__slots__节约内存的具体做法
2021/07/04 Python
python中的sys模块和os模块
2022/03/20 Python
mysql sock文件存储了什么信息
2022/07/15 MySQL