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 tools 系列 scrollable学习
Sep 06 Javascript
JavaScript/Js脚本处理html元素的自定义属性解析(亲测兼容Firefox与IE)
Nov 25 Javascript
JavaScript中字面量与函数的基本使用知识
Oct 20 Javascript
关于jQuery.ajax()的jsonp碰上post详解
Jul 02 jQuery
JS实现数组简单去重及数组根据对象中的元素去重操作示例
Jan 05 Javascript
vue 过滤器filter实例详解
Mar 14 Javascript
浅析node.js的模块加载机制
May 25 Javascript
JS数组去重常用方法实例小结【4种方法】
May 28 Javascript
vue-自定义组件传值的实例讲解
Sep 18 Javascript
vue 实现路由跳转时更改页面title
Nov 05 Javascript
微信小程序学习总结(三)条件、模板、文件引用实例分析
Jun 04 Javascript
如何在vue中使用video.js播放m3u8格式的视频
Feb 01 Vue.js
只要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之第三天
2006/10/09 PHP
php设计模式之单例模式代码
2016/06/11 PHP
Yii2单元测试用法示例
2016/11/12 PHP
PHP实现的简单异常处理类示例
2017/05/04 PHP
浅谈php://filter的妙用
2019/03/05 PHP
通过js获取div的background-image属性
2013/10/15 Javascript
JavaScript实现图片轮播的方法
2015/07/31 Javascript
Bootstrap Table服务器分页与在线编辑应用总结
2016/08/08 Javascript
微信小程序之仿微信漂流瓶实例
2016/12/09 Javascript
jquery如何实现点击空白处隐藏元素
2017/12/05 jQuery
详解node.js 下载图片的 2 种方式
2018/03/02 Javascript
浅谈Vue组件及组件的注册方法
2018/08/24 Javascript
利用vue-i18n实现多语言切换效果的方法
2019/06/19 Javascript
微信小程序new Date()方法失效问题解决方法
2019/07/29 Javascript
vue 使用微信jssdk,调用微信相册上传图片功能
2020/11/13 Javascript
python每次处理固定个数的字符的方法总结
2013/01/29 Python
python中lambda函数 list comprehension 和 zip函数使用指南
2014/09/28 Python
python文件写入实例分析
2015/04/08 Python
Python的Flask框架的简介和安装方法
2015/11/13 Python
Python编程实现生成特定范围内不重复多个随机数的2种方法
2017/04/14 Python
Python2和Python3中print的用法示例总结
2017/10/25 Python
Python第三方Window模块文件的几种安装方法
2018/11/22 Python
Python 3.8中实现functools.cached_property功能
2019/05/29 Python
python打包exe开机自动启动的实例(windows)
2019/06/28 Python
Python Pandas实现数据分组求平均值并填充nan的示例
2019/07/04 Python
Python 实现一个手机号码获取妹子名字的功能
2019/09/25 Python
python实现IOU计算案例
2020/04/12 Python
python3.6环境下安装freetype库和基本使用方法(推荐)
2020/05/10 Python
CSS3 选择器 基本选择器介绍
2012/01/21 HTML / CSS
利用SVG和CSS3来实现一个炫酷的边框动画
2015/07/22 HTML / CSS
突袭HTML5之Javascript API扩展4—拖拽(Drag/Drop)概述
2013/01/31 HTML / CSS
HTML5和以前HTML4的区别整理
2013/10/20 HTML / CSS
Bibloo奥地利:购买女装、男装、童装、鞋和配件
2018/10/18 全球购物
Internal修饰符有什么含义
2013/07/10 面试题
中国在我心中演讲稿
2014/09/13 职场文书
企业2014年度工作总结
2014/12/10 职场文书