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 事件执行检测代码
Dec 09 Javascript
sencha touch 模仿tabpanel导航栏TabBar的实例代码
Oct 24 Javascript
javascript字符串循环匹配实例分析
Jul 17 Javascript
详解axios在vue中的简单配置与使用
May 10 Javascript
Vue中img的src属性绑定与static文件夹实例
May 18 Javascript
浅谈React组件之性能优化
Mar 02 Javascript
解决vue点击控制单个样式的问题
Sep 05 Javascript
详解webpack之图片引入-增强的file-loader:url-loader
Oct 08 Javascript
vue头部导航动态点击处理方法
Nov 02 Javascript
Node使用Selenium进行前端自动化操作的代码实现
Oct 10 Javascript
VUE页面中通过双击实现复制表格中内容的示例代码
Jun 11 Javascript
echarts实现晶体球面投影的实例教程
Oct 10 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面向对象全攻略 (十一)__toString()用法 克隆对象 __call处理调用错误
2009/09/30 PHP
phpmyadmin里面导入sql语句格式的大量数据的方法
2010/06/05 PHP
ThinkPHP整合datatables实现服务端分页的示例代码
2018/02/10 PHP
js将控件隐藏及display属性的使用介绍
2013/12/30 Javascript
将HTML格式的String转化为HTMLElement的实现方法
2014/08/07 Javascript
JavaScript里实用的原生API汇总
2015/05/14 Javascript
Three.js学习之正交投影照相机
2016/08/01 Javascript
JavaScript算法系列之快速排序(Quicksort)算法实例详解
2016/09/04 Javascript
搭建Bootstrap离线文档的方法
2016/12/02 Javascript
Vue制作Todo List网页
2017/04/26 Javascript
Angular2生命周期钩子函数的详细介绍
2017/07/10 Javascript
深入理解Vue-cli搭建项目后的目录结构探秘
2017/07/13 Javascript
ionic3实战教程之随机布局瀑布流的实现方法
2017/12/28 Javascript
laravel5.3 vue 实现收藏夹功能实例详解
2018/01/21 Javascript
详解JavaScript的变量
2019/04/04 Javascript
ES5 模拟 ES6 的 Symbol 实现私有成员功能示例
2020/05/06 Javascript
[02:03]风行者至宝清风环佩外观展示
2020/09/05 DOTA
利用Python实现Windows定时关机功能
2017/03/21 Python
python 生成图形验证码的方法示例
2018/11/11 Python
对python制作自己的数据集实例讲解
2018/12/12 Python
详解python之heapq模块及排序操作
2019/04/04 Python
详解pytorch 0.4.0迁移指南
2019/06/16 Python
浅谈Python中threading join和setDaemon用法及区别说明
2020/05/02 Python
python线程池如何使用
2020/05/28 Python
CSS3 网页下拉菜单代码解释 中文翻译
2010/02/27 HTML / CSS
Marriott国际:万豪国际酒店查询预订
2017/09/25 全球购物
Gina Bacconi官网:吉娜贝康尼连衣裙和礼服
2018/04/24 全球购物
璀璨的珍珠、密钉和个性化珠宝:Lily & Roo
2021/01/21 全球购物
Kickers鞋英国官网:男士、女士和儿童鞋
2021/03/08 全球购物
雅虎笔试题(字符串操作)
2015/03/24 面试题
2014年大学生预备党员思想汇报1000字
2014/09/13 职场文书
团代会邀请函
2015/02/02 职场文书
基层党建工作简报
2015/07/21 职场文书
演讲稿:态度决定一切
2019/04/02 职场文书
5个实用的JavaScript新特性
2022/06/16 Javascript
Python+DeOldify实现老照片上色功能
2022/06/21 Python