您的位置:

JS关闭当前页面

一、js关闭当前页面的方法

js提供了多种方法关闭当前页面,以下是几种比较常见的方法。

1. window.close()方法,这个方法能够关闭当前窗口或tab页。但是需要注意的是,这个方法只能关闭由js打开的窗口。如果是用户打开的窗口,这个方法没有作用。


function closeWindow() {
    window.close();
}

2. 使用window.open()方法在新的窗口打开一个页面,然后调用该页面中的js代码关闭当前页面。


function closeCurrentPage() {
  var win=window.open("about:blank", "_self");
  win.close();
}

3. 使用window.location.replace()方法将当前页面替换为一个空白的页面,然后关闭该页面。


function closePage() {
    window.location.replace("about:blank");
    window.close();
}

二、要关闭当前打开的页面下面

在web开发中,经常遇到一个页面作为父页面,打开了一个子页面,这时如果想关闭子页面,刷新父页面并重新加载父页面的某个区域,我们可以使用以下代码:


function closeChildAndRefreshParent() {
    var opener = window.opener; // 获取父页面对象 
    window.close(); // 关闭当前窗口 
    if (opener != null && !opener.closed) { // 父页面未关闭 
        opener.location.reload(); // 父页面刷新 
    }
}

三、js关闭当前页面刷新父页面

使用window.opener.reload()方法能够在关闭子页面后刷新父页面。


function closeAndRefreshParent() {
    window.opener.location.reload();
    window.close();
}

四、js页面关闭时触发事件

当页面即将关闭时,我们可以注册onbeforeunload事件进行操作,例如弹出提示框确认是否关闭页面。


window.onbeforeunload = function () {
    return "确定要关闭该页面吗?";
}

五、jquery关闭当前页面

使用jquery关闭当前页面也很简单,直接调用$().remove()即可关闭当前页面。


$(document).ready(function(){
    $("button").click(function(){
        $(this).remove(); // 关闭当前页面
    });
});

六、js关闭页面

除了关闭当前页面外,我们也可以关闭其他页面。


function closeOtherPage() {
    var otherPage = window.open("/other.html", "_self");
    otherPage.close();
}

七、js关闭当前窗口

除了关闭页面外,我们也可以关闭当前窗口。


function closeCurrentWindow() {
    window.open('', '_self', '');
    window.close();
}

八、js如何关闭当前页面

在js中关闭当前页面的方法很多,以下是总结的几种方法。

  1. window.close()方法
  2. window.open()方法打开一个新页面然后关闭当前窗口
  3. window.location.replace()方法替换当前页为一个空白页然后关闭当前窗口
  4. 使用onbeforeunload事件监听页面关闭,并弹出提示框
  5. 使用jquery的$().remove()方法关闭当前页面

九、js怎么关闭当前页面

根据实际需求,选择适合的方法关闭当前页面即可,例如如果为从父页面打开的子页面,可以使用window.opener.location.reload()方法刷新父页面;如果需要在关闭页面时弹出确认框,使用onbeforeunload事件即可;如果需要在子页面关闭后刷新父页面的某个区域,使用window.opener.location.reload()即可。

JS关闭当前页面

2023-05-18
JS关闭当前窗口

2023-05-18
JS关闭当前标签页的多方面阐述

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

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

2023-12-08
印象笔记记录java学习(Java成长笔记)

2022-11-12
js打印当前网页,如何打印当前网页

本文目录一览: 1、如何用js实现打印当前页面隐藏的内容?(注:只显示打印按钮,不显示打印内容。) 2、网页打印问题:用javascript调用print()打印网页,打印的时候会缩放,这样打印的效果

2023-12-08
JS如何关闭页面

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

2022-11-14
JS如何关闭当前浏览器窗口

2023-05-21
重学java笔记,java笔记总结

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

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

2023-12-08
js怎么关闭网页,javascript关闭网页

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

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

2022-11-08
达内web前端js笔记(达内jsd)

本文目录一览: 1、web前端里的js技术 2、《web前端笔记7》js字符—获取、查找、遍历、提取、替换方法总结 3、达内web前端开发讲的什么内容 4、2020年自学Web前端要掌握的知识点有哪些

2023-12-08
php刷新当前页面,php关闭当前页面

2022-11-25
java笔记,尚硅谷java笔记

2022-12-01
如何快速关闭当前页面

2023-05-20
关于已前的学习笔记java的信息

2022-11-18
HTML5中关闭当前页面的常用方法

2023-05-23
java笔记,大学java笔记

2022-11-28