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学习笔记之jQuery选择器的使用
Dec 22 Javascript
JS重要知识点小结
Nov 06 Javascript
javascript学习笔记(十七) 检测浏览器插件代码
Jun 20 Javascript
javascript算法题:求任意一个1-9位不重复的N位数在该组合中的大小排列序号
Apr 01 Javascript
asp知识整理笔记3(问答模式)
Sep 27 Javascript
javascript iframe跨域详解
Oct 26 Javascript
Input文本框随着输入内容多少自动延伸的实现
Feb 15 Javascript
DOM事件探秘篇
Feb 15 Javascript
浅谈angular.js跨域post解决方案
Aug 30 Javascript
实现elementUI表单的全局验证的方法步骤
Apr 29 Javascript
js实现网页版贪吃蛇游戏
Feb 22 Javascript
ES6 十大特性简介
Dec 09 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
PHP7新功能总结
2019/04/14 PHP
给网站上的广告“加速”显示的方法
2007/04/08 Javascript
js 鼠标点击事件及其它捕获
2009/06/04 Javascript
关于this和self的使用说明
2010/08/01 Javascript
js URL参数的拼接方法比较
2012/02/15 Javascript
Javascript动态创建表格及删除行列的方法
2015/05/15 Javascript
js中函数声明与函数表达式
2015/06/03 Javascript
jQuery解决input超多的表单提交
2015/08/10 Javascript
jQuery打字效果实现方法(附demo源码下载)
2015/12/18 Javascript
jQuery 中的 DOM 操作
2016/04/26 Javascript
JavaScript的模块化开发框架Sea.js上手指南
2016/05/12 Javascript
JS实现图片剪裁并预览效果
2016/08/12 Javascript
详解JavaScript树结构
2017/01/09 Javascript
微信小程序去哪里找 小程序到底如何使用(附小程序名单)
2017/01/09 Javascript
nodejs6下使用koa2框架实例
2017/05/18 NodeJs
NodeJs实现定时任务的示例代码
2017/12/05 NodeJs
vue.js select下拉框绑定和取值方法
2018/03/03 Javascript
JavaScript JSON数据处理全集(小结)
2019/08/15 Javascript
python实现向ppt文件里插入新幻灯片页面的方法
2015/04/28 Python
使用Python简单的实现树莓派的WEB控制
2016/02/18 Python
Python构造自定义方法来美化字典结构输出的示例
2016/06/16 Python
基于Python3 逗号代码 和 字符图网格(详谈)
2017/06/22 Python
python基础教程项目五之虚拟茶话会
2018/04/02 Python
Python动态赋值的陷阱知识点总结
2019/03/17 Python
浅谈keras保存模型中的save()和save_weights()区别
2020/05/21 Python
解决Python paramiko 模块远程执行ssh 命令 nohup 不生效的问题
2020/07/14 Python
python 通过pip freeze、dowload打离线包及自动安装的过程详解(适用于保密的离线环境
2020/12/14 Python
linux比较文件内容的命令是什么
2013/03/04 面试题
大唐面试试题(CPU,UNIX等等)
2012/01/11 面试题
车间统计员岗位职责
2014/01/05 职场文书
产假请假条
2014/04/10 职场文书
《鹬蚌相争》教学反思
2014/04/22 职场文书
优秀团支部申报材料
2014/12/26 职场文书
课改心得体会范文
2016/01/25 职场文书
详细介绍Next.js脚手架完整搭建封装
2022/04/26 Javascript
MySQL 原理与优化之原数据锁的应用
2022/08/14 MySQL