window.open关于浏览器拦截问题分析及解决方法


Posted in Javascript onFebruary 05, 2013

window.open是javascript函数,该函数的作用是打开一个新窗口或这改变原来的窗口,不过一般用来的是打开新窗口,因为修改原来的网页地址,可以有另一个函数,那就是window.location,他可以重定向网页地址,使网页跳转到另一个页面。

我现在要说的是window.open函数的几个使用策略,一般情况下,如果你直接在js中调用window.open()函数去打开一个新窗口,浏览器会拦截你,认为你将弹出广告等用户不想得到的窗体,所以如果不想让浏览器拦截你,你可以将这个函数改为用户点击时触发,这样浏览器就认为是用户想访问这个页面,而不是你直接弹出给用户。

所以常用的方法就是在超链接里加入onclick事件,如<a href="javascript:void(0)" onclick="window.open()"></a>这样用户点击这个超链接,浏览器会认为它是打开一个新的链接,所以就不会拦截。

可是有时候我们会遇到想要弹出一个窗口,可是却是在onckick事件执行后,才去弹出来的,这时就会被浏览器拦截,我们可以通过下面的方法来避免,就是先用window.open打开一个窗口,然后修改地址。如var tempwindow=window.open('_blank');打开一个窗口,然后用tempwindow.location='http://www.baidu.com';使这个窗口跳转到百度,这样就会呈现弹出百度窗口的效果了。

Javascript 相关文章推荐
jquery下将选择的checkbox的id组成字符串的方法
Nov 28 Javascript
使用GruntJS链接与压缩多个JavaScript文件过程详解
Aug 02 Javascript
jQuery结合ajax实现动态加载文本内容
May 19 Javascript
Javascript实现图片轮播效果(二)图片序列节点的控制实现
Feb 17 Javascript
微信小程序 教程之注册页面
Oct 17 Javascript
用Angular实时获取本地Localstorage数据,实现一个模拟后台数据登入的效果
Nov 09 Javascript
JS实现中文汉字按拼音排序的方法
Oct 09 Javascript
JavaScript实现邮箱后缀提示功能的示例代码
Dec 13 Javascript
js实现3D照片墙效果
Oct 28 Javascript
js实现经典贪吃蛇小游戏
Mar 19 Javascript
vue mvvm数据响应实现
Nov 11 Javascript
vue3引入highlight.js进行代码高亮的方法实例
Apr 08 Vue.js
jQuery.prototype.init选择器构造函数源码思路分析
Feb 05 #Javascript
jQuery不间断滚动效果(模拟百度新闻支持文字/图片/垂直滚动)
Feb 05 #Javascript
得到jQuery detach()后节点中的某个值实现代码
Feb 05 #Javascript
jquery zTree异步加载简单实例分享
Feb 05 #Javascript
JS打印gridview实现原理及代码
Feb 05 #Javascript
漂亮的jquery提示效果(仿腾讯弹出层)
Feb 05 #Javascript
Js 获取Gridview选中行的内容操作步骤
Feb 05 #Javascript
You might like
str_replace只替换一次字符串的方法
2013/04/09 PHP
php array_walk 对数组中的每个元素应用用户自定义函数详解
2016/11/18 PHP
php基于SQLite实现的分页功能示例
2017/06/21 PHP
jquery 3D球状导航的文章分类
2010/07/06 Javascript
js插件方式打开pdf文件(浏览器pdf插件分享)
2013/12/20 Javascript
禁用Tab键JS代码兼容Firefox和IE
2014/04/18 Javascript
jQuery多项选项卡的实现思路附样式及代码
2014/06/03 Javascript
JavaScript利用正则表达式去除日期中的-
2014/06/09 Javascript
JavaScript阻止浏览器返回按钮的方法
2015/03/18 Javascript
jQuery自动完成插件completer附源码下载
2016/01/04 Javascript
js获取当前日期时间及其它日期操作汇总
2016/03/08 Javascript
jquery层级选择器的实现(匹配后代元素div)
2016/09/05 Javascript
Vuejs第九篇之组件作用域及props数据传递实例详解
2016/09/05 Javascript
JS动态添加元素及绑定事件造成程序重复执行解决
2017/12/07 Javascript
JS栈stack类的实现与使用方法示例
2019/01/31 Javascript
完美解决vue 中多个echarts图表自适应的问题
2020/07/19 Javascript
基于ant design日期控件使用_仅月份的操作
2020/10/27 Javascript
[02:10]DOTA2亚洲邀请赛 EG战队出场宣传片
2015/02/07 DOTA
[01:33:25]DOTA2-DPC中国联赛 正赛 Elephant vs IG BO3 第一场 1月24日
2021/03/11 DOTA
python让图片按照exif信息里的创建时间进行排序的方法
2015/03/16 Python
Python获取当前路径实现代码
2017/05/08 Python
python matplotlib 注释文本箭头简单代码示例
2018/01/08 Python
python爬虫爬取淘宝商品信息
2018/02/23 Python
Python使用win32 COM实现Excel的写入与保存功能示例
2018/05/03 Python
解决django前后端分离csrf验证的问题
2019/02/03 Python
Python爬取豆瓣视频信息代码实例
2019/11/16 Python
python实现在一个画布上画多个子图
2020/01/19 Python
pandas统计重复值次数的方法实现
2021/02/20 Python
HTML5 canvas 基本语法
2009/08/26 HTML / CSS
印度和世界各地的精美产品:Ikka Dukka
2018/02/12 全球购物
美国购买舞会礼服网站:Couture Candy
2019/12/29 全球购物
高中美术教学反思
2014/01/19 职场文书
教师师德演讲稿
2014/05/06 职场文书
golang实现一个简单的websocket聊天室功能
2021/10/05 Golang
SQL Server 中的事务介绍
2022/05/20 SQL Server
HTML5页面打开微信小程序功能实现
2022/09/23 HTML / CSS