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 相关文章推荐
在IE下:float属性会影响offsetTop的取值
Dec 22 Javascript
Bootstrap carousel轮转图的使用实例详解
May 17 Javascript
BootStrap Typeahead自动补全插件实例代码
Aug 10 Javascript
Javascript oop设计模式 面向对象编程简单实例介绍
Dec 13 Javascript
jQuery实现立体式数字滚动条增加效果
Dec 21 Javascript
基于jQuery插件jqzoom实现的图片放大镜效果示例
Jan 23 Javascript
微信小程序 wx.login解密出现乱码的问题解决办法
Mar 10 Javascript
JavaScript队列的应用实例详解【经典数据结构】
Apr 12 Javascript
JavaScript比较同一天的时间大小实例代码
Feb 09 Javascript
vue使用技巧及vue项目中遇到的问题
Jun 04 Javascript
JavaScript中 ES6变量的结构赋值
Jul 10 Javascript
vue.js多页面开发环境搭建过程
Apr 24 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 ip2long 出现负数的原因及解决方法
2017/04/05 PHP
jquery蒙版控件实现代码
2010/12/08 Javascript
解决javascript:window.close()在chrome,Firefox下失效的问题
2013/05/07 Javascript
jQuery中$.fn的用法示例介绍
2013/11/05 Javascript
JS可以控制样式的名称写法一览
2014/01/16 Javascript
SuperSlide2实现图片滚动特效
2014/06/20 Javascript
兼容Firefox的Javascript XSLT 处理XML文件
2014/12/31 Javascript
jQuery插件学习教程之SlidesJs轮播+Validation验证
2016/07/12 Javascript
浅谈javascript中遇到的字符串对象处理
2016/11/18 Javascript
vue组件实例解析
2017/01/10 Javascript
浅谈webpack编译vue项目生成的代码探索
2017/12/11 Javascript
JavaScript中EventLoop介绍
2018/01/22 Javascript
JQuery扩展对象方法操作示例
2018/08/21 jQuery
vue axios封装及API统一管理的方法
2019/04/18 Javascript
Vue el-autocomplete远程搜索下拉框并实现自动填充功能(推荐)
2019/10/25 Javascript
vue 子组件修改data或调用操作
2020/08/07 Javascript
vue-cli3中配置alias和打包加hash值操作
2020/09/04 Javascript
在项目vue中使用echarts的操作步骤
2020/09/07 Javascript
python轻松实现代码编码格式转换
2015/03/26 Python
Python字符串中查找子串小技巧
2015/04/10 Python
python中lambda与def用法对比实例分析
2015/04/30 Python
在Python的Django框架中创建语言文件
2015/07/27 Python
详解python的sorted函数对字典按key排序和按value排序
2018/08/10 Python
Python中使用__new__实现单例模式并解析
2019/06/25 Python
Python3.6+selenium2.53.6自动化测试_读取excel文件的方法
2019/09/06 Python
树莓派4B+opencv4+python 打开摄像头的实现方法
2019/10/18 Python
解决pycharm上的jupyter notebook端口被占用问题
2019/12/17 Python
Python3.7实现验证码登录方式代码实例
2020/02/14 Python
类的核心特性有哪些
2014/01/01 面试题
建筑专业毕业生推荐信
2013/11/21 职场文书
教师档案管理制度
2014/01/23 职场文书
家长写给老师的建议书
2014/03/13 职场文书
疾病捐款倡议书
2014/05/13 职场文书
十佳党员事迹材料
2014/08/28 职场文书
投标承诺函范文
2015/01/21 职场文书
2015年度个人教学工作总结
2015/05/20 职场文书