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 相关文章推荐
javascript html 静态页面传参数
Apr 10 Javascript
js字符串截取函数substr substring slice使用对比
Nov 27 Javascript
JQuery插件fancybox无法在弹出层使用左右键的解决办法
Dec 25 Javascript
javascript实现锁定网页、密码解锁效果(类似系统屏幕保护效果)
Aug 15 Javascript
jQuery常用数据处理方法小结
Feb 20 Javascript
javascript连续赋值问题
Jul 08 Javascript
SelecT下拉框选中和取值的解决方法
Nov 22 Javascript
Bootstrap3 模态框使用实例
Feb 22 Javascript
认识less和webstrom的less配置方法
Aug 02 Javascript
vue 项目打包通过命令修改 vue-router 模式 修改 API 接口前缀
Jun 13 Javascript
详解vue或uni-app的跨域问题解决方案
Feb 21 Javascript
vue2.x数组劫持原理的实现
Apr 19 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 进度条实现代码
2009/03/10 PHP
PHP 5.3.0 安装分析心得
2009/08/07 PHP
fleaphp crud操作之find函数的使用方法
2011/04/23 PHP
jQuery boxy弹出层插件中文演示及使用讲解
2011/02/24 Javascript
JavaScript ( (__ = !$ + $)[+$] + ({} + $)[_/_] +({} + $)[_/_] )
2011/02/25 Javascript
JS获取地址栏参数的几种方法小结
2014/02/28 Javascript
基于jquery实现的可编辑下拉框实现代码
2014/08/02 Javascript
JavaScript中获取样式的原生方法小结
2014/10/08 Javascript
阿里云ecs服务器中安装部署node.js的步骤
2016/10/08 Javascript
jQuery实现隔行变色的方法分析(对比原生JS)
2016/11/18 Javascript
详解js界面跳转与值传递
2016/11/22 Javascript
js HTML5 canvas绘制图片的方法
2017/09/08 Javascript
JS 实现缓存算法的示例(FIFO/LRU)
2018/03/20 Javascript
解决JavaScript layui 下拉框不显示的问题
2018/08/14 Javascript
vue+mousemove实现鼠标拖动功能(拖动过快失效问题解决方法)
2018/08/24 Javascript
详解vue-router数据加载与缓存使用总结
2018/10/29 Javascript
在Django的模型中执行原始SQL查询的方法
2015/07/21 Python
Python 专题三 字符串的基础知识
2017/03/19 Python
Python实现简单的文本相似度分析操作详解
2018/06/16 Python
python引入不同文件夹下的自定义模块方法
2018/10/27 Python
python读取txt文件,去掉空格计算每行长度的方法
2018/12/20 Python
Django分页功能的实现代码详解
2019/07/29 Python
利用python生成照片墙的示例代码
2020/04/09 Python
Python 添加文件注释和函数注释操作
2020/08/09 Python
python利用proxybroker构建爬虫免费IP代理池的实现
2021/02/21 Python
html5音频_动力节点Java学院整理
2018/08/22 HTML / CSS
Zatchels官网:英国剑桥包品牌
2021/01/12 全球购物
物业电工岗位职责
2013/11/20 职场文书
冰淇淋店的创业计划书
2014/02/07 职场文书
正风肃纪剖析材料
2014/02/18 职场文书
如何写一份好的英文求职信
2014/03/19 职场文书
新教师培训方案
2014/06/08 职场文书
个人自查自纠材料
2014/10/14 职场文书
营销经理工作检讨书
2014/11/03 职场文书
导游词之蓬莱长岛
2019/12/17 职场文书
jQuery实现影院选座订座效果
2021/04/13 jQuery