前言

JavaScript是一種廣泛用于web開發(fā)的編程語言，它可以實(shí)現(xiàn)各種互動(dòng)效果和實(shí)用功能。其中一個(gè)基本功能是關(guān)閉窗口，它可以幫助用戶方便地退出當(dāng)前頁面或應(yīng)用程序。在本文中，我們將介紹幾種使用JavaScript關(guān)閉窗口的方法。

1.使用window.close()

最簡(jiǎn)單的方法是使用window.close()函數(shù)。這個(gè)函數(shù)不需要任何參數(shù)，只要執(zhí)行它就可以關(guān)閉當(dāng)前窗口。例如，下面的代碼可以在單擊按鈕時(shí)關(guān)閉當(dāng)前窗口：

<button onclick="window.close()">關(guān)閉窗口</button>

需要注意的是，這種方法只能關(guān)閉由JavaScript創(chuàng)建的窗口，而不能關(guān)閉瀏覽器主窗口或由用戶打開的新窗口。此外，如果當(dāng)前窗口是由其他網(wǎng)站打開的，那么使用window.close()關(guān)閉窗口可能會(huì)導(dǎo)致瀏覽器彈出警告框，詢問用戶是否允許關(guān)閉窗口。

2.使用window.opener.close()

<button onclick="window.opener.close()">關(guān)閉窗口</button>

需要注意的是，使用window.opener.close()關(guān)閉窗口時(shí)，父窗口必須是由JavaScript打開的。如果父窗口是由用戶手動(dòng)打開的，那么使用這個(gè)方法關(guān)閉窗口將無效。

3.使用window.parent.close()

和window.opener.close()類似，window.parent.close()函數(shù)可以在當(dāng)前窗口的父窗口上執(zhí)行，從而關(guān)閉當(dāng)前窗口。不同之處在于，window.parent.close()可以關(guān)閉任何父級(jí)窗口，無論是由JavaScript創(chuàng)建的還是由用戶打開的。例如，下面的代碼可以在單擊按鈕時(shí)關(guān)閉所有父級(jí)窗口：

<button onclick="window.parent.close()">關(guān)閉窗口</button>

需要注意的是，使用window.parent.close()關(guān)閉窗口時(shí)可能會(huì)出現(xiàn)彈出窗口的警告框，詢問用戶是否允許關(guān)閉窗口。此外，這個(gè)方法只能關(guān)閉窗口，而不能關(guān)閉整個(gè)瀏覽器。

4.使用window.open()打開一個(gè)空白頁面

另一個(gè)關(guān)閉當(dāng)前窗口的方法是使用window.open()函數(shù)打開一個(gè)空白頁面，然后關(guān)閉當(dāng)前窗口。例如，下面的代碼可以在單擊按鈕時(shí)打開一個(gè)空白頁面，然后關(guān)閉當(dāng)前窗口：

<button onclick="window.open('about:blank',self').close()">關(guān)閉窗口</button>

需要注意的是，使用window.open()打開一個(gè)空白頁面時(shí)，第一個(gè)參數(shù)必須是’about:blank’，而第二個(gè)參數(shù)必須是’_self’，這樣才能正確地在當(dāng)前窗口打開新頁面。此外，關(guān)閉窗口時(shí)可能會(huì)出現(xiàn)彈出窗口的警告框，詢問用戶是否允許關(guān)閉窗口。

附：關(guān)閉窗口后自動(dòng)刷新頁面： window.parent.location.reload();

比如在添加用戶信息的時(shí)候，添加完成之后一般需要自動(dòng)刷新界面，顯示最新的用戶列表信息

success: function(data){
    var res = eval('(' + data + ')');
    if(res.status == '1'){
        layer.msg("添加成功！");
        layer.alert("添加成功！",function(){
            window.parent.location.reload();//刷新父頁面
            parent.layer.close(index);//關(guān)閉彈出層
        });
    } else{
        layer.msg("添加失??！");
    }
}

總結(jié)

使用JavaScript關(guān)閉窗口是一種非常實(shí)用的功能，可以幫助用戶方便地退出頁面或應(yīng)用程序。本文介紹了幾種關(guān)閉窗口的方法，包括使用window.close()、window.opener.close()、window.parent.close()和window.open()打開一個(gè)空白頁面。需要注意的是，這些方法都有一定限制，不能滿足所有情況下關(guān)閉窗口的需求。因此，在實(shí)際應(yīng)用中，應(yīng)根據(jù)具體情況選擇適合的方法。

到此這篇關(guān)于使用JavaScript關(guān)閉窗口的4種方法的文章就介紹到這了,更多相關(guān)JS關(guān)閉窗口方法內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評(píng)論