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 相关文章推荐
ExtJs GridPanel简单的增删改实现代码
Aug 26 Javascript
Javascript算符的优先级介绍
Mar 20 Javascript
原生js实现给指定元素的后面追加内容
Apr 10 Javascript
JQuery对表格进行操作的常用技巧总结
Apr 23 Javascript
jquery简单实现外部链接用新窗口打开的方法
May 30 Javascript
理解JavaScript中Promise的使用
Jan 18 Javascript
jQuery获取某天的农历日期并判断是否除夕或新年的方法
Mar 01 Javascript
详解如何在Vue2中实现组件props双向绑定
Mar 29 Javascript
Vue.js 2.0 移动端拍照压缩图片预览及上传实例
Apr 27 Javascript
koa2实现登录注册功能的示例代码
Dec 03 Javascript
浅谈webpack性能榨汁机(打包速度优化)
Jan 09 Javascript
vue3种table表格选项个数的控制方法
Apr 14 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
用PHP编程语言开发动态WAP页面
2006/10/09 PHP
PHP 编写的 25个游戏脚本
2009/05/11 PHP
PHP中让curl支持sock5的代码实例
2015/01/21 PHP
基于php的CMS中展示文章类实例分析
2015/06/18 PHP
使用PHP如何实现高效安全的ftp服务器(二)
2015/12/30 PHP
PHP常用设计模式之委托设计模式
2016/02/13 PHP
ucenter中词语过滤原理分析
2016/07/13 PHP
PHP中include/require/include_once/require_once使用心得
2016/08/28 PHP
基于CI框架的微信网页授权库示例
2016/11/25 PHP
Laravel框架中集成MongoDB和使用详解
2019/10/17 PHP
PHP随机生成中文段落示例【测试网站内容时使用】
2020/04/26 PHP
jquery png 透明解决方案(推荐)
2010/08/21 Javascript
jQuery $.get 的妙用 访问本地文本文件
2012/07/12 Javascript
JSON序列化与解析原生JS方法且IE6和chrome测试通过
2013/09/05 Javascript
JavaScript子类用Object.getPrototypeOf去调用父类方法解析
2013/12/05 Javascript
js操作模态窗口及父子窗口间相互传值示例
2014/06/09 Javascript
深入理解Angularjs向指令传递数据双向绑定机制
2016/12/31 Javascript
vue-cli+webpack记事本项目创建
2017/04/01 Javascript
JS回调函数基本定义与用法实例分析
2017/05/24 Javascript
JavaScript文本特效实例小结【3个示例】
2018/12/22 Javascript
ES6知识点整理之Proxy的应用实例详解
2019/04/16 Javascript
JavaScript实现tab栏切换效果
2020/03/16 Javascript
JS实现拖拽元素时与另一元素碰撞检测
2020/08/27 Javascript
python通过wxPython打开一个音频文件并播放的方法
2015/03/25 Python
详解python之协程gevent模块
2018/06/14 Python
Python数据结构dict常用操作代码实例
2020/03/12 Python
vue常用指令代码实例总结
2020/03/16 Python
python interpolate插值实例
2020/07/06 Python
英国第一的市场和亚马逊替代品:OnBuy
2019/03/16 全球购物
领导检查欢迎词
2014/01/14 职场文书
说明书怎么写
2014/05/06 职场文书
电信营业员岗位职责
2015/04/14 职场文书
2015年国庆晚会主持词
2015/07/01 职场文书
Python实现天气查询软件
2021/06/07 Python
最新最全的手机号验证正则表达式
2022/02/24 Javascript
uniapp引入支付宝原生扫码插件步骤详解
2022/07/23 Javascript