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创建自己的插件(自定义插件)的方法
Jun 10 Javascript
客户端js判断文件类型和文件大小即限制上传大小
Nov 20 Javascript
Javascript中innerHTML用法实例分析
Jan 12 Javascript
JS操作HTML自定义属性的方法
Feb 10 Javascript
易被忽视的js事件问题总结
May 14 Javascript
深入浅析search 搜索框的写法
Aug 02 Javascript
AngularJS表格详解及示例代码
Aug 17 Javascript
Vue实现按钮旋转和移动位置的实例代码
Aug 09 Javascript
产制造追溯系统之通过微信小程序实现移动端报表平台
Jun 03 Javascript
监控微信小程序中的慢HTTP请求过程详解
Jul 05 Javascript
JS实现音乐导航特效
Jan 06 Javascript
微信小程序实现上拉加载功能示例【加载更多数据/触底加载/点击加载更多数据】
May 29 Javascript
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
php字符串截取问题
2006/11/28 PHP
PHP实现的回溯算法示例
2017/08/15 PHP
微信公众平台开发教程⑤ 微信扫码支付模式介绍
2019/04/10 PHP
关于laravel框架中的常用目录路径函数
2019/10/23 PHP
关于jQuery UI 使用心得及技巧
2012/10/10 Javascript
使用js操作cookie的一点小收获分享
2013/09/03 Javascript
javascript实现的一个随机点名功能
2014/08/26 Javascript
JS常用函数使用指南
2014/11/23 Javascript
每天一篇javascript学习小结(Function对象)
2015/11/16 Javascript
javascript闭包(Closure)用法实例简析
2015/11/30 Javascript
详解javascript事件冒泡
2016/01/09 Javascript
基于jquery实现智能表单验证操作
2016/05/09 Javascript
微信小程序 wxapp内容组件 text详细介绍
2016/10/31 Javascript
微信小程序中多个页面传参通信的学习与实践
2017/05/05 Javascript
微信小程序实现根据字母选择城市功能
2017/08/16 Javascript
JavaScript模块详解
2017/12/18 Javascript
jQuery实现的自定义轮播图功能详解
2018/12/28 jQuery
解决IOS端微信H5页面软键盘弹起后页面下方留白的问题
2019/06/05 Javascript
[51:17]Mski vs VGJ.S Supermajor小组赛C组 BO3 第三场 6.3
2018/06/04 DOTA
[01:18:36]LGD vs VP Supermajor 败者组决赛 BO3 第一场 6.10
2018/07/04 DOTA
Python连接mssql数据库编码问题解决方法
2015/01/01 Python
Python返回真假值(True or False)小技巧
2015/04/10 Python
Django REST为文件属性输出完整URL的方法
2017/12/18 Python
在Django中输出matplotlib生成的图片方法
2018/05/24 Python
Python计算一个给定时间点前一个月和后一个月第一天的方法
2018/05/29 Python
快速排序的四种python实现(推荐)
2019/04/03 Python
Python+OpenCV+pyQt5录制双目摄像头视频的实例
2019/06/28 Python
Python Django简单实现session登录注销过程详解
2019/08/06 Python
各大浏览器 CSS3 和 HTML5 兼容速查表 图文
2010/04/01 HTML / CSS
旅游管理毕业生自荐信
2013/11/05 职场文书
英语教育专业毕业生求职信
2014/08/28 职场文书
2014年政风行风工作总结
2014/11/22 职场文书
幼儿学前班评语
2014/12/29 职场文书
超市食品安全承诺书
2015/04/29 职场文书
严以律己专题学习研讨会发言材料
2015/11/09 职场文书
如何使用 resize 实现图片切换预览功能
2021/08/23 HTML / CSS