Laravel  
laravel
文档
数据库
架构
入门
php技术
    
Laravelphp
laravel / php / java / vue / mysql / linux / python / javascript / html / css / c++ / c#

js 关闭页面

作者:花小泽ノ   发布日期:2025-04-09   浏览:80

// 关闭当前页面的示例代码

// 使用 window.close() 方法关闭窗口
function closeWindow() {
    window.close();  // 只能关闭由 JavaScript 打开的窗口,或用户自己打开的窗口(在某些浏览器中可能无效)
}

// 注意:window.close() 只能在特定情况下使用。如果页面是用户直接通过 URL 访问的,
// 而不是通过 JavaScript 打开的弹出窗口,那么调用 window.close() 可能不会有任何效果,
// 或者在某些浏览器中会提示用户确认是否关闭窗口。

// 如果你想在关闭页面之前执行一些操作,可以结合 beforeunload 事件
window.addEventListener('beforeunload', function (e) {
    // 取消默认行为
    e.preventDefault();  // 如果浏览器支持,这将显示一个确认对话框
    // Chrome 需要设置 returnValue 属性
    e.returnValue = '';  // 自定义对话框消息可能被浏览器忽略
});

解释说明:

  1. window.close():用于关闭当前窗口。但是,它只能关闭通过 window.open() 打开的窗口,或者用户自己打开的窗口。对于直接通过 URL 访问的页面,调用 window.close() 可能不会生效,或者在某些浏览器中会被阻止。

  2. beforeunload 事件:当用户尝试关闭页面时触发。你可以在这个事件中执行一些清理操作,或者提示用户是否真的要离开页面。不过,自定义的提示信息可能会被浏览器忽略,具体表现取决于浏览器的实现。

上一篇:js 弹出输入框

下一篇:js set 去重

大家都在看

js 数组对象排序

js 数组删掉第一个值

js fill

js 数组复制

js 复制数组

js 数组拷贝

js 对象转数组

js 深拷贝数组

js 获取今天年月日

js jsonp

Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3

Laravel 中文站