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控制cookie显示和隐藏背景图
Feb 12 Javascript
javascript简单实现命名空间效果
Mar 06 Javascript
html的DOM中document对象anchors集合用法实例
Jan 21 Javascript
Bootstrap每天必学之表单
Nov 23 Javascript
JavaScript实现下拉菜单的显示和隐藏
Jan 05 Javascript
jQuery如何封装输入框插件
Aug 19 Javascript
使用Bootstrap打造特色进度条效果
May 02 Javascript
微信小程序 密码输入(源码下载)
Jun 27 Javascript
Node.js 中使用 async 函数的方法
Nov 20 Javascript
Vue项目全局配置页面缓存之按需读取缓存的实现详解
Aug 01 Javascript
JS原生带缩略图的图片切换效果
Oct 10 Javascript
JavaScript实现简单计算器
Mar 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获取textarea的值并处理回车换行的方法
2014/10/20 PHP
WordPress中&quot;无法将上传的文件移动至&quot;错误的解决方法
2015/07/01 PHP
详解WordPress开发中get_header()获取头部函数的用法
2016/01/08 PHP
CodeIgniter分页类pagination使用方法示例
2016/03/28 PHP
Netbeans 8.2将支持PHP7 更精彩
2016/06/13 PHP
php mysql 封装类实例代码
2016/09/18 PHP
简单实现php上传文件功能
2017/09/21 PHP
可兼容php5与php7的cURL文件上传功能实例分析
2018/05/11 PHP
PHP封装请求类实例分析【基于Yii框架】
2019/10/17 PHP
jQuery实现DIV层收缩展开的方法
2015/02/27 Javascript
JavaScript创建闭包的两种方式的优劣与区别分析
2015/06/22 Javascript
jquery动感漂浮导航菜单代码分享
2020/04/15 Javascript
javascript实现数组去重的多种方法
2016/03/14 Javascript
AngularJS中的表单简单入门
2016/07/28 Javascript
微信小程序 Toast自定义实例详解
2017/01/20 Javascript
详解RequireJS按需加载样式文件
2017/04/12 Javascript
微信小程序 图片上传实例详解
2017/05/05 Javascript
JavaScript判断变量名是否存在数组中的实例
2017/12/28 Javascript
JS实现的汉字与Unicode码相互转化功能分析
2018/05/25 Javascript
使用webpack构建应用的方法步骤
2019/03/04 Javascript
JavaScript碎片—函数闭包(模拟面向对象)
2019/03/13 Javascript
JavaScript函数式编程(Functional Programming)高阶函数(Higher order functions)用法分析
2019/05/22 Javascript
小程序input数据双向绑定实现方法
2019/10/17 Javascript
Python简单获取网卡名称及其IP地址的方法【基于psutil模块】
2018/05/24 Python
windows下python 3.6.4安装配置图文教程
2018/08/21 Python
使用Python写一个量化股票提醒系统
2018/08/22 Python
为什么从Python 3.6开始字典有序并效率更高
2019/07/15 Python
python GUI库图形界面开发之PyQt5选项卡控件QTabWidget详细使用方法与实例
2020/03/01 Python
Python配置pip国内镜像源的实现
2020/08/20 Python
python 利用toapi库自动生成api
2020/10/19 Python
用css3写出气球样式的示例代码
2017/09/11 HTML / CSS
经典优秀个人求职自荐信格式
2013/09/25 职场文书
模具数控专业自荐信
2014/01/27 职场文书
2014年迎新年联欢会活动策划方案
2014/02/26 职场文书
vue 实现上传组件
2021/05/31 Vue.js
Mysql分析设计表主键为何不用uuid
2022/03/31 MySQL