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正则控制input标签只允许输入的值
Jul 29 Javascript
javascript实现的简单的表单验证
Jul 10 Javascript
轻量级javascript 框架Backbone使用指南
Jul 24 Javascript
JS禁用页面上所有控件的实现方法(附demo源码下载)
Dec 17 Javascript
如何解决手机浏览器页面点击不跳转浏览器双击放大网页
Jul 01 Javascript
Javascript中常见的逻辑题和解决方法
Sep 17 Javascript
webpack打包单页面如何引用的js
Jun 07 Javascript
Bootstrap table使用方法汇总
Nov 17 Javascript
微信小程序 功能函数小结(手机号验证*、密码验证*、获取验证码*)
Dec 08 Javascript
Vue+jquery实现表格指定列的文字收缩的示例代码
Jan 09 jQuery
微信小程序实现折叠面板
Jan 31 Javascript
vue axios post发送复杂对象问题
Jun 04 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实现文件下载功能的几个代码分享
2014/05/10 PHP
常用PHP框架功能对照表
2014/10/23 PHP
PHP判断一个gif图片是否为动态图片的方法
2014/11/19 PHP
PHP使用finfo_file()函数检测上传图片类型的实现方法
2017/04/18 PHP
thinkphp 抓取网站的内容并且保存到本地的实例详解
2017/08/25 PHP
javascript 验证日期的函数
2010/03/18 Javascript
在多个页面使用同一个HTML片段的代码
2011/03/04 Javascript
使用jQuery UI的tooltip函数修饰title属性的气泡悬浮框
2013/06/24 Javascript
js实现动画特效的文字链接鼠标悬停提示的方法
2015/03/02 Javascript
JS实现的另类手风琴效果网页内容切换代码
2015/09/08 Javascript
JS实现常见的TAB、弹出层效果(TAB标签,斑马线,遮罩层等)
2015/10/08 Javascript
js添加绑定事件的方法
2016/05/15 Javascript
webpack学习笔记之代码分割和按需加载的实例详解
2017/07/20 Javascript
微信小程序下拉刷新PullDownRefresh的使用方法
2018/11/29 Javascript
js实现指定时间倒计时效果
2019/08/26 Javascript
小程序api实现promise封装过程解析
2019/11/21 Javascript
[54:53]2014 DOTA2国际邀请赛中国区预选赛 LGD-GAMING VS CIS 第二场
2014/05/23 DOTA
Python中让MySQL查询结果返回字典类型的方法
2014/08/22 Python
Python 创建子进程模块subprocess详解
2015/04/08 Python
python获取本机外网ip的方法
2015/04/15 Python
Python操作列表之List.insert()方法的使用
2015/05/20 Python
python选择排序算法实例总结
2015/07/01 Python
matplotlib在python上绘制3D散点图实例详解
2017/12/09 Python
python excel使用xlutils类库实现追加写功能的方法
2018/05/02 Python
python3实现磁盘空间监控
2018/06/21 Python
详解python中的模块及包导入
2019/08/30 Python
Python参数传递及收集机制原理解析
2020/06/05 Python
Pycharm中使用git进行合作开发的教程详解
2020/11/17 Python
关于box-sizing的全面理解
2016/07/28 HTML / CSS
英国领先的鞋类零售商:Shoe Zone
2018/12/13 全球购物
struct和class的区别
2015/11/20 面试题
本科毕业生自我鉴定
2013/11/02 职场文书
乡镇党建工作汇报材料
2014/10/27 职场文书
2016高考感言
2015/08/01 职场文书
SpringMVC 整合SSM框架详解
2021/08/30 Java/Android
浅谈MySql update会锁定哪些范围的数据
2022/06/25 MySQL