window.open不被拦截的简单实现代码(推荐)


Posted in Javascript onAugust 04, 2016

实例如下:

$("#last").click(function(){
var w=window.open();
setTimeout(function(){
w.location="https://3water.com";
}, 1000);

return false;
});

window.open是javascript函数,该函数的作用是打开一个新窗口或这改变原来的窗口,如果你直接在js中调用window.open()函数去打开一个新窗口,浏览器会拦截你,那么如何避免呢,感兴趣的朋友可以了解下本文或许对你学习有所帮助

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='https://3water.com';使这个窗口跳转到百度,这样就会呈现弹出百度窗口的效果了。

以上这篇window.open不被拦截的简单实现代码(推荐) 就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript 私有成员分析
Jan 13 Javascript
toString()一个会自动调用的方法
Feb 08 Javascript
利用jQuery插件扩展识别浏览器内核与外壳的类型和版本的实现代码
Oct 22 Javascript
ExtJS下书写动态生成的xml(兼容火狐)
Apr 02 Javascript
Js操作Select大全(取值、设置选中等等)
Oct 29 Javascript
用简洁的jQuery方法toggleClass实现隔行换色
Oct 22 Javascript
jQuery实现select模糊查询(反射机制)
Jan 14 Javascript
JavaScript反弹动画效果的实现代码
Jul 13 Javascript
vue中计算属性(computed)、methods和watched之间的区别
Jul 27 Javascript
vue todo-list组件发布到npm上的方法
Apr 04 Javascript
jsonp跨域及实现百度首页联想功能的方法
Aug 30 Javascript
Vue+webpack项目配置便于维护的目录结构教程详解
Oct 14 Javascript
js实现多图左右切换功能
Aug 04 #Javascript
window.open打开窗口被拦截的快速解决方法
Aug 04 #Javascript
浅谈js中子页面父页面方法 变量相互调用
Aug 04 #Javascript
JS图片等比例缩放方法完整示例
Aug 03 #Javascript
JS获取url参数、主域名的方法实例分析
Aug 03 #Javascript
JavaScript中的冒泡排序法
Aug 03 #Javascript
JS使用正则表达式过滤多个词语并替换为相同长度星号的方法
Aug 03 #Javascript
You might like
PHP开发中常用的8个小技巧
2008/08/27 PHP
两个开源的Php输出Excel文件类
2010/02/08 PHP
php设计模式 Proxy (代理模式)
2011/06/26 PHP
PHP中英混合字符串截取函数代码
2011/07/17 PHP
Yii2框架实现登录、退出及自动登录功能的方法详解
2017/10/24 PHP
利用JQuery+EasyDrag 实现弹出可拖动的Div,同时向Div传值,然后返回Div选中的值
2009/10/24 Javascript
JQuery学习笔录 简单的JQuery
2012/04/09 Javascript
jquery 无限级下拉菜单的简单实现代码
2014/02/21 Javascript
判断复选框是否被选中的两种方法
2014/06/04 Javascript
JavaScript onkeydown事件入门实例(键盘某个按键被按下)
2014/10/17 Javascript
JavaScript中for循环的使用详解
2015/06/03 Javascript
JS给swf传参数的实现方法
2016/09/13 Javascript
AngularJS表单和输入验证实例
2016/11/02 Javascript
AngularJS 文件上传控件 ng-file-upload详解
2017/01/13 Javascript
javascript实现复选框全选或反选
2017/02/04 Javascript
javascript ES6 新增了let命令使用介绍
2017/07/07 Javascript
js实现上传并压缩图片效果
2018/01/10 Javascript
[53:15]Newbee vs Pain 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
numpy排序与集合运算用法示例
2017/12/15 Python
Django 过滤器汇总及自定义过滤器使用详解
2019/07/19 Python
200行python代码实现贪吃蛇游戏
2020/04/24 Python
python实现PDF中表格转化为Excel的方法
2020/06/16 Python
亚马逊中国官方网站:amazon.cn
2017/05/25 全球购物
英国领先的杂志订阅网站:Magazine.co.uk
2018/01/25 全球购物
美国折扣香水网站:The Perfume Spot
2020/12/12 全球购物
国际经济贸易专业推荐信
2013/11/06 职场文书
CNC数控操作工岗位职责
2013/11/19 职场文书
优秀少先队大队辅导员事迹材料
2014/05/04 职场文书
班风学风建设方案
2014/05/06 职场文书
竞选纪律委员演讲稿
2014/09/13 职场文书
部门2014年度工作总结
2014/11/12 职场文书
优秀教师个人材料
2014/12/15 职场文书
家属联谊会致辞
2015/07/31 职场文书
2016全国“质量月”活动标语口号
2015/12/26 职场文书
创业计划书之书店
2019/09/10 职场文书
一次线上mongo慢查询问题排查处理记录
2022/03/18 MongoDB