您的位置:

JS如何关闭页面

一、JS关闭页面的代码

通过window.close()方法可以关闭当前浏览器窗口:

window.close();

但是需要注意的是,只有通过window.open()方法打开的窗口才可以通过window.close()关闭,通过浏览器左上角的关闭按钮或者使用Ctrl + W快捷键关闭的窗口是无法通过window.close()关闭的

二、JS关闭页面的title

在通过window.open()方法打开的窗口中,可以通过给打开的页面设置title属性,然后在通过window.close()关闭时可以携带提示信息:

var newWindow = window.open("http://www.example.com","myWindow","width=200,height=100");
newWindow.document.title = "关闭提示";
newWindow.close();

三、JS关闭页面事件

可以通过给window对象绑定beforeunload事件,在关闭窗口前进行一些操作或者给出确认提示:

window.addEventListener("beforeunload", function(event) {
    event.preventDefault();
    // 在此处添加需要执行的操作
    event.returnValue = '';
});

需要注意的是,event.preventDefault()方法是阻止窗口关闭的默认行为,如果要关闭窗口,必须将event.returnValue设置为空。

四、JS关闭页面触发的事件

页面关闭时会触发unload事件:

window.addEventListener("unload", function(event) {
    // 在此处添加需要执行的操作
});

五、JS关闭页面方法

除了使用window.close()方法来关闭当前窗口,还可以使用window.open()方法打开一个空白窗口,然后通过window.opener.close()来关闭父窗口:

var newWindow = window.open("about:blank", "_self");
newWindow.opener = null;
newWindow.close();

六、JS关闭页面弹窗

在关闭窗口时弹出确认提示框:

window.onbeforeunload = function() {
    return "您确定要离开吗?";
};

七、JS关闭页面监视器

可以通过使用setInterval()方法来监视当前窗口是否被关闭:

var closeWindow = null;
var checkWindow = function() {
    if(window.closed) {
        clearInterval(closeWindow);
        // 在此处添加需要执行的操作
    }
}
closeWindow = setInterval(checkWindow, 500);

上面的代码每隔500毫秒检查一次当前窗口是否被关闭,如果被关闭了就清除监视器。

八、JS关闭页面弹出消息

在关闭窗口时弹出消息提示框:

window.onbeforeunload = function() {
    alert("您确定要离开吗?");
};

九、JS停止关闭页面

可以通过使用clearInterval()方法停止已经启动的关闭窗口操作:

var newWindow = window.open("http://www.example.com","myWindow","width=200,height=100");
var closeWindow = setInterval(function() {
    newWindow.close();
}, 5000);
// 停止关闭窗口操作
clearInterval(closeWindow);

上面的代码在5秒后会关闭新打开的窗口,但是可以通过clearInterval()方法来取消关闭。

JS如何关闭页面

2023-05-18
js高级程序设计笔记14(js高级程序设计笔记14页)

本文目录一览: 1、JavaScript高级程序设计 该怎么看 2、JavaScript学习笔记之数组基本操作示例 3、JS中有关sort以及return的问题 JavaScript高级程序设计 该怎

2023-12-08
java方法整理笔记(java总结)

2022-11-08
印象笔记记录java学习(Java成长笔记)

2022-11-12
JS关闭当前页面

2023-05-18
java学习笔记(java初学笔记)

2022-11-14
htmljs编程笔记(html代码笔记)

本文目录一览: 1、html代码和JS代码有什么区别 2、如何在html中调用js函数 3、JavaScript学习笔记之数组基本操作示例 4、HTML5初学者笔记 5、《web前端笔记7》js字符—

2023-12-08
重学java笔记,java笔记总结

2022-11-23
js怎么关闭网页,javascript关闭网页

本文目录一览: 1、怎样用JS关闭当前页面 2、js关闭窗口的几种方法 3、JS关闭窗口或JS关闭页面的几种代码 4、chrome怎么用JS关闭当前页 5、JS中如何关闭手动打开的页面 怎样用JS关闭

2023-12-08
怎么抽取网页整理,怎么抽取网页整理数据

2023-01-08
java笔记,尚硅谷java笔记

2022-12-01
js代码整洁随笔,js代码整理

本文目录一览: 1、如何在页面让JavaScript代码原样显示,用标签不起用,js照常运行。请看问题补充 2、怎么让JS文件代码对齐 3、怎么样格式化javascript,怎么样格式化js 4、为什

2023-12-08
javascript简要笔记,JavaScript读书笔记

2022-11-17
php自动关闭页面,如何关闭php服务

2023-01-09
关于已前的学习笔记java的信息

2022-11-18
java客户端学习笔记(java开发笔记)

2022-11-14
JS关闭当前标签页的多方面阐述

2023-05-19
js中等待文档加载完成代码,页面加载完成后执行js

本文目录一览: 1、js 怎么让图片加载完成后才执行下面代码? 2、js如何判断引入的js文件是否加载完毕 3、用js判断页面是否加载完成实现代码 4、js中,如何等待多个图片加载完后再执行其他的js

2023-12-08
js中等待文档加载完成代码,页面加载完成后执行js

本文目录一览: 1、js 怎么让图片加载完成后才执行下面代码? 2、js如何判断引入的js文件是否加载完毕 3、用js判断页面是否加载完成实现代码 4、js中,如何等待多个图片加载完后再执行其他的js

2023-12-08
js判断浏览器窗口关闭,js中关闭窗口的方法

2022-12-01