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 相关文章推荐
JS实现弹性菜单效果代码
Sep 07 Javascript
javascript绘制漂亮的心型线效果完整实例
Feb 02 Javascript
浏览器检测JS代码(兼容目前各大主流浏览器)
Feb 21 Javascript
js控制TR的显示隐藏
Mar 04 Javascript
使用AngularJS对表单提交内容进行验证的操作方法
Jul 12 Javascript
vue.js中父组件调用子组件的内部方法示例
Oct 22 Javascript
javascript高级模块化require.js的具体使用方法
Oct 31 Javascript
关于vue中 $emit的用法详解
Apr 12 Javascript
微信小程序如何调用新闻接口实现列表循环
Jul 02 Javascript
js实现淘宝首页的banner栏效果
Nov 26 Javascript
JSONP解决JS跨域问题的实现
May 25 Javascript
详解Vue的sync修饰符
May 15 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
如何去掉文章里的 html 语法
2006/10/09 PHP
php实现的CSS更新类实例
2014/09/22 PHP
PHP信号处理机制的操作代码讲解
2019/04/19 PHP
JQuery 图片延迟加载并等比缩放插件
2009/11/09 Javascript
关于extjs4如何获取grid修改后的数据的问题
2013/08/07 Javascript
js实现带搜索功能的下拉框实时搜索实时匹配
2013/11/05 Javascript
JQuery Highcharts 动态生成图表的方法
2013/11/15 Javascript
jquery实现非叠加式的搜索框提示效果
2014/01/07 Javascript
JavaScript编程的10个实用小技巧
2014/04/18 Javascript
jQuery通过点击行来删除HTML表格行的实现示例
2014/09/10 Javascript
简述JavaScript中正则表达式的使用方法
2015/06/15 Javascript
js时间戳转为日期格式的方法
2015/12/28 Javascript
javascript自执行函数
2017/02/10 Javascript
原生JS实现圆环拖拽效果
2017/04/07 Javascript
基于Bootstrap分页的实例讲解(必看篇)
2017/07/04 Javascript
Angular实现可删除并计算总金额的购物车功能示例
2017/12/26 Javascript
详解基于Vue2.0实现的移动端弹窗(Alert, Confirm, Toast)组件
2018/08/02 Javascript
微信小程序基于canvas渐变实现的彩虹效果示例
2019/05/03 Javascript
序列化模块json代码实例详解
2020/03/03 Javascript
vue-router重写push方法,解决相同路径跳转报错问题
2020/08/07 Javascript
python在windows下实现备份程序实例
2014/07/04 Python
处理Python中的URLError异常的方法
2015/04/30 Python
使用Python的Django框架结合jQuery实现AJAX购物车页面
2016/04/11 Python
python3 实现验证码图片切割的方法
2018/12/07 Python
django 环境变量配置过程详解
2019/08/06 Python
解析python实现Lasso回归
2019/09/11 Python
Python爬虫爬取煎蛋网图片代码实例
2019/12/16 Python
python Matplotlib模块的使用
2020/09/16 Python
分享PyCharm最新激活码(真永久激活方法)不用每月找安装参数或最新激活码了
2020/12/27 Python
通过HTML5规范搞定i、em、b、strong元素的区别
2017/03/04 HTML / CSS
澳大利亚家用电器在线商店:Billy Guyatts
2020/05/05 全球购物
记帐员岗位责任制
2014/02/08 职场文书
关爱女孩行动实施方案
2014/03/13 职场文书
《大海那边》教学反思
2014/04/09 职场文书
高三毕业寄语
2014/04/10 职场文书
阿里云k8s服务升级时502错误 springboot项目应用
2022/04/09 Servers