javascript關閉目前視窗 提示

JavaScript是一種流行的程式語言，廣泛應用於Web開發。當使用者完成某項任務或開啟了一個網頁，有時他們想要關閉目前視窗。在JavaScript中，關閉目前視窗需要使用window.close()方法。然而，在關閉視窗之前，可能需要向使用者顯示提示視窗。

提示視窗可以透過使用alert()、confirm()或prompt()函數來建立。 alert()函數顯示簡單的訊息框，confirm()函數顯示包含"確定"和"取消"按鈕的訊息框，prompt()函數帶有輸入框和"確定"和"取消"按鈕的訊息框。在JavaScript中，這些函數可以與window.close()方法一起使用，以建立一個使用者友好的關閉視窗提示。

下面是一個範例程式碼，示範如何使用alert()函數來提示使用者確認關閉目前視窗：

window.onbeforeunload = function() {
   return "您确定要关闭当前窗口吗？";
};

在這個程式碼中，我們使用window.onbeforeunload事件來註冊回呼函數。當使用者試圖關閉目前視窗時，該函數將被呼叫。回調函數傳回字串，提示使用者關閉視窗的確認。當使用者點擊"關閉"按鈕時，視窗將會關閉。

下面是一個使用confirm()函數的範例程式碼，示範如何顯示一個確認訊息方塊：

window.onbeforeunload = function() {
   return confirm("您确定要关闭当前窗口吗？");
};

在這個程式碼中，我們使用confirm()函數來顯示一個帶有"確定"和"取消"按鈕的訊息框。當使用者點擊"確定"按鈕時，回呼函數傳回true，視窗將會關閉。當使用者點擊"取消"按鈕時，回呼函數會傳回false，視窗將不會關閉。

最後，以下是一個使用prompt()函數的範例程式碼，示範如何提示使用者輸入資訊：

window.onbeforeunload = function() {
   var name = prompt("请输入您的名字：");
   if (name != null) {
      return "再见，" + name + "！";
   } else {
      return null;
   }
};

在這個程式碼中，我們使用prompt()函數來顯示一個帶有輸入框和"確定"和"取消"按鈕的訊息框。當使用者點擊"確定"按鈕時，回呼函數將傳回一個帶有使用者名稱的告別訊息。當使用者點擊"取消"按鈕時，回呼函數將傳回null，視窗將不會關閉。

在所有這些範例中，我們都使用window.onbeforeunload事件來註冊回呼函數。這個事件在視窗即將關閉時被觸發，可以用來在關閉視窗之前執行某些操作。

總結一下，JavaScript提供了多種方法來關閉目前視窗並提示使用者確認。使用alert()、confirm()或prompt()函數可以讓提示訊息更友善、更容易理解。使用window.onbeforeunload事件可以讓我們在關閉視窗之前執行某些操作，例如清理臨時資料或儲存使用者輸入。

以上是javascript關閉目前視窗 提示的詳細內容。更多資訊請關注PHP中文網其他相關文章！