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 19 Javascript
利用js读取动态网站从服务器端返回的数据
Feb 10 Javascript
Javascript基础教程之关键字和保留字汇总
Jan 18 Javascript
Bootstrap每天必学之进度条
Nov 30 Javascript
Node.js实用代码段之正确拼接Buffer
Mar 17 Javascript
JS实现页面进入和返回定位到具体位置
Dec 08 Javascript
AngulerJS学习之按需动态加载文件
Feb 13 Javascript
微信小程序之网络请求简单封装实例详解
Jun 28 Javascript
微信小程序中如何计算距离某个节日还有多少天
Jul 15 Javascript
微信小程序加载机制及运行机制图解
Nov 27 Javascript
vue中watch和computed的区别与使用方法
Aug 23 Javascript
详解微信小程序动画Animation执行过程
Sep 23 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+javascript模拟Matrix画面
2006/10/09 PHP
PHP获取网站域名和地址的代码
2008/08/17 PHP
PHP排序之二维数组的按照字母排序实现代码
2011/08/13 PHP
php数组函数序列之prev() - 移动数组内部指针到上一个元素的位置,并返回该元素值
2011/10/31 PHP
探讨PHP中OO之静态关键字以及类常量的详解
2013/06/07 PHP
php加速器eAccelerator的配置参数、API详解
2014/05/05 PHP
php简单获取文件扩展名的方法
2015/03/24 PHP
PHP获取毫秒级时间戳的方法
2015/04/15 PHP
jQuery一步一步实现跨浏览器的可编辑表格,支持IE、Firefox、Safari、Chrome、Opera
2009/08/28 Javascript
js 利用image对象实现图片的预加载提高访问速度
2013/03/29 Javascript
jQueryMobile之Helloworld与页面切换的方法
2015/02/04 Javascript
JavaScript实现计算字符串中出现次数最多的字符和出现的次数
2015/03/12 Javascript
javascript实现倒计时并弹窗提示特效
2015/06/05 Javascript
jquery无法为动态生成的元素添加点击事件的解决方法(推荐)
2016/12/26 Javascript
Angular 2.x学习教程之结构指令详解
2017/05/25 Javascript
Nuxt.js踩坑总结分享
2018/01/18 Javascript
vue配置请求本地json数据的方法
2018/04/11 Javascript
在create-react-app中使用sass的方法示例
2018/10/01 Javascript
vue组件间的参数传递实例详解
2019/04/26 Javascript
微信小程序自定义组件传值 页面和组件相互传数据操作示例
2019/05/05 Javascript
React路由鉴权的实现方法
2019/09/05 Javascript
Vue 使用beforeEach实现登录状态检查功能
2019/10/31 Javascript
Vue.js中使用Vuex实现组件数据共享案例
2020/07/31 Javascript
[42:20]2014 DOTA2华西杯精英邀请赛5 24 DK VS NewBee
2014/05/25 DOTA
Python实现求两个csv文件交集的方法
2017/09/06 Python
jupyter notebook的安装与使用详解
2020/05/18 Python
django中嵌套的try-except实例
2020/05/21 Python
Python爬虫教程知识点总结
2020/10/19 Python
美国健康和保健平台:healtop
2020/07/02 全球购物
大唐面试试题(CPU,UNIX等等)
2012/01/11 面试题
Java Servlet的主要功能和作用是什么
2014/02/14 面试题
师范应届毕业生自荐信
2013/11/18 职场文书
寄语十八大感言
2014/02/07 职场文书
大宝sod蜜广告词
2014/03/21 职场文书
初中团委工作总结
2015/08/13 职场文书
母婴行业实体、电商模式全面解析
2019/08/01 职场文书