js技能提升——关闭当前页面

场景

最近在做后台管理系统时，遇到一个需求，点击某个按钮时，需要重新打开一个浏览器选项卡，然后还可以关闭此选项卡。

打开新的浏览器选项卡

window.open(url, '_blank');

此时只需要拿到正确的url进行赋值即可实现。

关闭当前浏览器选项卡

function closeWin(){
	if (navigator.userAgent.indexOf("Firefox") != -1 || navigator.userAgent.indexOf("Chrome") != -1) {
	    window.location.href = "about:blank";
	    window.close();
	} else {
	    window.opener = null;
	    window.open("", "_self");
	    window.close();
	};
}

注意上面的代码，由于浏览器的不同，如果是火狐浏览器和谷歌浏览器，则需要通过window.location.href="about:blank";window.close()的方式来关闭当前页面，如果是其他的浏览器,如safari ie opera内核的浏览器，则可以通过window.opener=null;window.open("","_self");window.close()的方式进行关闭当前页面。

完成！！！

# javascript # firefox # chrome
Logo
欢迎使用若依开源

快速构建 Web 应用程序

更多推荐

深入 Composer autoload

这几天看到 phphub 上面有人开始进坑怒看 laravel 源代码，于是我也凑个热闹来看下这个故事。众所周知 composer 是现代PHP 项目的基石， 与古老的 pear 不同， composer 并不是一款专注于系统级别php 管理的包管理系统，而是基于项目的一个库管理系统。这就好比 npminstall -g 和 npminstall 的区别。而且最主要

avatar RuoYi 若依

实体类（VO，DO，DTO）的划分

经常会接触到VO，DO，DTO的概念，本文从领域建模中的实体划分和项目中的实际应用情况两个角度，对这几个概念进行简析。得出的主要结论是：在项目应用中，VO对应于页面上需要显示的数据（表单），DO对应于数据库中存储的数据（数据表），DTO对应于除二者之外需要进行传递的数据。一、实体类百度百科中对于实体类的定义如下：实体类的主要职责是存储和管理系统内部的信息，它也可以有行为，甚至很复杂的行为，但这些行

avatar RuoYi 若依

计算机课如何断开学生端,极域课堂管理系统怎么连接老师 学生端连接问题解决方法...

现在的大学课堂都紧跟着时代的步伐，选择用电子教室代替传统的教室，电子教室的好处就是可以让坐在角落的同学也能清楚的看到老师的每一个操作，除此之外还可以电子举手，提交作业获得老师的及时反馈，学习效率倍增。如果你发现自己的电脑出现连接不上电脑的情况的，来看看小编是怎么解决的把！类别：教育管理 大小：16.38M 语言：简体中文评分：61、首先，正常的学生机器是开机就会自动的连接老师端的，如果...

avatar RuoYi 若依