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 相关文章推荐
from 表单提交返回值用post或者是get方法实现
Aug 21 Javascript
js利用事件的阻止冒泡实现点击空白模态框的隐藏
Jan 24 Javascript
详解JavaScript对象和数组
Dec 03 Javascript
AngularJs学习第八篇 过滤器filter创建
Jun 08 Javascript
JS/jQ实现免费获取手机验证码倒计时效果
Jun 13 Javascript
移动适配的几种方案(三种方案)
Nov 25 Javascript
javascript基础知识讲解
Jan 11 Javascript
JS中双击和单击事件冲突的解决方法
Apr 09 Javascript
JSON基本语法及与JavaScript的异同实例分析
Jan 04 Javascript
Node.js学习教程之Module模块
Sep 03 Javascript
javascript如何使用函数random来实现课堂随机点名方法详解
Jul 28 Javascript
vue3.0中使用element的完整步骤
Mar 04 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的引用计数机制
2013/06/14 PHP
PHP开发Apache服务器配置
2015/07/15 PHP
jquery的ajax请求全面了解
2013/03/20 Javascript
你必须知道的JavaScript 中字符串连接的性能的一些问题
2013/05/07 Javascript
jQuery实现仿百度帖吧头部固定导航效果
2015/08/07 Javascript
正则表达式(语法篇推荐)
2016/06/24 Javascript
Vue结合原生js实现自定义组件自动生成示例
2017/01/21 Javascript
canvas实现刮刮卡效果
2017/03/14 Javascript
Easyui Datagrid自定义按钮列(最后面的操作列)
2017/07/13 Javascript
浅析为什么a=&quot;abc&quot; 不等于 a=new String(&quot;abc&quot;)
2017/10/25 Javascript
在vue-cli中组件通信的方法
2017/12/16 Javascript
详解Vue源码学习之双向绑定
2019/04/10 Javascript
jQuery实现文本显示一段时间后隐藏的方法分析
2019/06/20 jQuery
VueQuillEditor富文本上传图片(非base64)
2020/06/03 Javascript
JavaScript中ES6规范中let和const的用法和区别
2020/08/06 Javascript
微信小程序实现下拉加载更多商品
2020/12/29 Javascript
python实现k均值算法示例(k均值聚类算法)
2014/03/16 Python
Python的Django框架中的Context使用
2015/07/15 Python
为什么你还不懂得怎么使用Python协程
2019/05/13 Python
华为2019校招笔试题之处理字符串(python版)
2019/06/25 Python
pybind11和numpy进行交互的方法
2019/07/04 Python
在Python中预先初始化列表内容和长度的实现
2019/11/28 Python
Python3 mmap内存映射文件示例解析
2020/03/23 Python
Django模板获取field的verbose_name实例
2020/05/19 Python
python json.dumps() json.dump()的区别详解
2020/07/14 Python
Django-Scrapy生成后端json接口的方法示例
2020/10/06 Python
Pycharm 解决自动格式化冲突的设置操作
2021/01/15 Python
纯css3实现鼠标经过图片显示描述的动画效果
2014/09/01 HTML / CSS
微软俄罗斯官方网站:Microsoft俄罗斯
2016/09/18 全球购物
AVON雅芳官网:世界上最大的美容化妆品公司之一
2016/11/02 全球购物
澳大利亚在线性感内衣商店:Fantasy Lingerie
2021/02/07 全球购物
记帐员岗位责任制
2014/02/08 职场文书
《美丽的彩虹》教学反思
2014/02/25 职场文书
2015年化妆品销售工作总结
2015/05/11 职场文书
java如何实现获取客户端ip地址的示例代码
2022/04/07 Java/Android
Python OpenCV之常用滤波器使用详解
2022/04/07 Python