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 相关文章推荐
json 实例详细说明教程
Oct 31 Javascript
ASP小贴士/ASP Tips javascript tips可以当桌面
Dec 10 Javascript
javascript 特性检测并非浏览器检测
Jan 15 Javascript
防止页面被iframe(兼容IE,Firefox火狐)
Jul 04 Javascript
Javascript的并行运算实现代码
Nov 19 Javascript
js图片上传前预览功能(兼容所有浏览器)
Aug 24 Javascript
js中常用的Tab切换效果(推荐)
Aug 30 Javascript
Vue.js第四天学习笔记(组件)
Dec 02 Javascript
Vue中多个元素、组件的过渡及列表过渡的方法示例
Feb 13 Javascript
vue项目首屏加载时间优化实战
Apr 23 Javascript
jQuery实现B2B网站后台管理系统侧导航
Jul 08 jQuery
vue如何在data中引入图片的正确路径
Jun 05 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
解析smarty 截取字符串函数 truncate的用法介绍
2013/06/20 PHP
javascript some()函数用法详解
2014/11/13 PHP
Yii2隐藏frontend/web和backend/web的方法
2015/12/12 PHP
PHP实现绘制二叉树图形显示功能详解【包括二叉搜索树、平衡树及红黑树】
2017/11/16 PHP
php 可变函数使用小结
2018/06/12 PHP
用javascript自动显示最后更新时间
2007/03/15 Javascript
javascript中获取选中对象的类型
2007/04/02 Javascript
js函数般调用正则
2008/04/08 Javascript
jQuery 使用个人心得
2009/02/26 Javascript
jQuery实现Tab菜单滚动切换的方法
2015/09/21 Javascript
JS+Canvas 实现下雨下雪效果
2016/05/18 Javascript
CSS3 3D 技术手把手教你玩转
2016/09/02 Javascript
AngularJS实现树形结构(ztree)菜单示例代码
2016/09/18 Javascript
js实现3D图片环展示效果
2017/03/09 Javascript
JS运动改变单物体透明度的方法分析
2018/01/23 Javascript
垃圾回收器的相关知识点总结
2018/05/13 Javascript
JS实现调用本地摄像头功能示例
2018/05/18 Javascript
VUE脚手架的下载和配置步骤详解
2019/04/01 Javascript
node获取客户端ip功能简单示例
2019/08/24 Javascript
vue+AI智能机器人回复功能实现
2020/07/16 Javascript
[58:42]DOTA2上海特级锦标赛C组败者赛 Newbee VS Archon第一局
2016/02/27 DOTA
PyQt 线程类 QThread使用详解
2017/07/16 Python
Python标准库inspect的具体使用方法
2017/12/06 Python
python用户评论标签匹配的解决方法
2018/05/31 Python
Python基础教程之异常详解
2019/01/10 Python
python程序 线程队列queue使用方法解析
2019/09/23 Python
python操作cfg配置文件方式
2019/12/22 Python
python matplotlib imshow热图坐标替换/映射实例
2020/03/14 Python
Python 执行矩阵与线性代数运算
2020/08/01 Python
python 利用jieba.analyse进行 关键词提取
2020/12/17 Python
浅谈基于HTML5的在线视频播放方案
2016/02/18 HTML / CSS
HTML5 video循环播放多个视频的方法步骤
2020/08/06 HTML / CSS
JD Sports瑞典:英国领先的运动时尚商店
2018/01/28 全球购物
开展批评与自我批评心得体会
2014/10/17 职场文书
2015个人年度工作总结范文
2015/05/28 职场文书
nginx之queue的具体使用
2022/06/28 Servers