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 相关文章推荐
一段实现页面上的图片延时加载的js代码
Feb 11 Javascript
jquery js 获取时间差、时间格式具体代码
Jun 05 Javascript
jQuery拖动div、移动div、弹出层实现原理及示例
Apr 08 Javascript
JavaScript判断是否为数字的4种方法及效率比较
Apr 01 Javascript
Angular.js中用ng-repeat-start实现自定义显示
Oct 18 Javascript
jQuery实现级联下拉框实战(5)
Feb 08 Javascript
jQuery插件FusionCharts绘制的2D帕累托图效果示例【附demo源码】
Mar 28 jQuery
详谈vue+webpack解决css引用图片打包后找不到资源文件的问题
Mar 06 Javascript
vue.js实现的幻灯片功能示例
Jan 18 Javascript
vue+vant使用图片预览功能ImagePreview的问题解决
Apr 10 Javascript
如何使用RoughViz可视化Vue.js中的草绘图表
Jan 30 Vue.js
vue实现拖拽进度条
Mar 01 Vue.js
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目录拷贝实现方法
2015/07/10 PHP
基于win2003虚拟机中apache服务器的访问
2017/08/01 PHP
JMenuTab简单使用说明
2008/03/13 Javascript
JavaScript获得选中文本内容的方法
2008/12/02 Javascript
JavaScript与Image加载事件(onload)、加载状态(complete)
2011/02/14 Javascript
用JQuery在网页中实现分隔条功能的代码
2012/08/09 Javascript
JavaScript中创建类/对象的几种方法总结
2013/11/29 Javascript
createTextRange()的使用示例含文本框选中部分文字内容
2014/02/24 Javascript
几种经典排序算法的JS实现方法
2016/03/25 Javascript
基于react框架使用的一些细节要点的思考
2017/05/31 Javascript
利用jqprint插件打印页面内容的实现方法
2018/01/09 Javascript
vue中引用阿里字体图标的方法
2018/02/10 Javascript
Vue 路由 过渡动效 数据获取方法
2018/07/31 Javascript
JavaScript函数式编程(Functional Programming)纯函数用法分析
2019/05/22 Javascript
JavaScript使用canvas绘制随机验证码
2020/02/17 Javascript
Vue.js获取手机系统型号、版本、浏览器类型的示例代码
2020/05/10 Javascript
对vuex中store和$store的区别说明
2020/07/24 Javascript
详解node.js创建一个web服务器(Server)的详细步骤
2021/01/15 Javascript
[04:10]2016国际邀请赛中国区预选赛第二日TOP10精彩集锦
2016/06/28 DOTA
python实现将英文单词表示的数字转换成阿拉伯数字的方法
2015/07/02 Python
从源码解析Python的Flask框架中request对象的用法
2016/06/02 Python
Python实现获取照片拍摄日期并重命名的方法
2017/09/30 Python
python3基于TCP实现CS架构文件传输
2018/07/28 Python
python标准库OS模块详解
2020/03/10 Python
基于Python共轭梯度法与最速下降法之间的对比
2020/04/02 Python
python是怎么被发明的
2020/06/15 Python
英国领先的鞋类零售商:Shoe Zone
2018/12/13 全球购物
Internet主要有哪些网络群组成
2015/12/24 面试题
运动会通讯稿300字
2014/02/02 职场文书
大学毕业生推荐信
2014/07/09 职场文书
会计试用期自我评价
2014/09/19 职场文书
2014年综合治理工作总结
2014/11/20 职场文书
顶岗实习协议书
2015/01/29 职场文书
夫妻吵架保证书
2015/05/08 职场文书
城南旧事读书笔记
2015/06/29 职场文书
2016优秀员工先进事迹材料
2016/02/25 职场文书