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 防止表单重复提交代码
Jan 21 Javascript
javascript为下拉列表动态添加数据项
May 23 Javascript
微信小程序 wxapp地图 map详解
Oct 31 Javascript
Vue2单一事件管理组件通信
May 09 Javascript
详解vue-cli快速构建项目以及引入bootstrap、jq
May 26 Javascript
JavaScript之class继承_动力节点Java学院整理
Jul 03 Javascript
jQuery EasyUI结合zTree树形结构制作web页面
Sep 01 jQuery
JavaScript实现写入文件到本地的方法【基于FileSaver.js插件】
Mar 15 Javascript
vue 中swiper的使用教程
May 22 Javascript
微信小程序自定义prompt组件步骤详解
Jun 12 Javascript
JS实现点击按钮可实现编辑功能
Jul 03 Javascript
Vue项目打包部署到iis服务器的配置方法
Oct 14 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
日本十大科幻动漫 宇宙骑士垫底,第一已成经典
2020/03/04 日漫
优化PHP代码的53条建议
2008/03/27 PHP
用PHP查询搜索引擎排名位置的代码
2010/01/05 PHP
JoshChen_php新手进阶高手不可或缺的规范介绍
2013/08/16 PHP
Yii编程开发常见调用技巧集锦
2016/07/15 PHP
swoole_process实现进程池的方法示例
2018/10/29 PHP
Add Formatted Text to a Word Document
2007/06/15 Javascript
基于jquery的Repeater实现代码
2010/07/17 Javascript
jQuery操作input type=radio的实现代码
2012/06/14 Javascript
jquery操作cookie插件分享
2014/01/14 Javascript
jquery中ajax函数执行顺序问题之如何设置同步
2014/02/28 Javascript
浅谈javascript的Array.prototype.slice.call
2015/08/31 Javascript
浅析jQuery移动开发中内联按钮和分组按钮的编写
2015/12/04 Javascript
JQuery给select添加/删除节点的实现代码
2016/04/26 Javascript
js 连续赋值的简单实现
2016/06/13 Javascript
js实现淡入淡出轮播切换功能
2017/01/13 Javascript
Node.js中.pfx后缀文件的处理方法
2017/03/10 Javascript
微信小程序上传文件到阿里OSS教程
2019/05/20 Javascript
从零学Python之入门(三)序列
2014/05/25 Python
python各种语言间时间的转化实现代码
2016/03/23 Python
Python实现的简单dns查询功能示例
2017/05/24 Python
Python实现合并同一个文件夹下所有PDF文件的方法示例
2018/04/28 Python
python使用正则筛选信用卡
2019/01/27 Python
python使用BeautifulSoup与正则表达式爬取时光网不同地区top100电影并对比
2019/04/15 Python
python日志logging模块使用方法分析
2019/05/23 Python
python numpy之np.random的随机数函数使用介绍
2019/10/06 Python
解决Python中报错TypeError: must be str, not bytes问题
2020/04/07 Python
Python用来做Web开发的优势有哪些
2020/08/05 Python
中学门卫岗位职责
2013/12/26 职场文书
咖啡馆创业计划书
2014/01/26 职场文书
中文专业学生自我评价范文
2014/02/06 职场文书
植树节标语
2014/06/27 职场文书
官僚主义现象查摆问题整改措施
2014/10/04 职场文书
教师批评与自我批评心得体会
2014/10/16 职场文书
文明单位创建材料
2014/12/24 职场文书
python munch库的使用解析
2021/05/25 Python