在 JavaScript 中定義什麼都不做以保持使用者在同一頁面上

Habdul Hazeez 2023年1月30日 2022年5月10日
  1. 在 JavaScript 中使用 Void(0) 定義不做任何事以保持使用者在同一頁面上
  2. 在 JavaScript 中使用 Window.close() 定義無所事事以保持使用者在同一頁面上
  3. 在 JavaScript 中使用 Null 定義什麼都不做以使使用者保持在同一頁面上
在 JavaScript 中定義什麼都不做以保持使用者在同一頁面上

本教程將教你三種方法,讓使用者在點選 JavaScript confirm 視窗中的 Cancel 按鈕時保持在同一頁面上。我們將使用的方法是 void(0)window.close()null

在 JavaScript 中使用 Void(0) 定義不做任何事以保持使用者在同一頁面上

首先,當你需要未定義的結果時,我們將使用 void 運算子。然而,void(0) 告訴 JavaScript 什麼都不做,什麼也不返回。

這意味著當 JavaScript 直譯器在你的程式碼中遇到 void(0) 時,它不會重新載入頁面或導航到另一個頁面。此外,它不會執行任何程式碼。

同時,與連結相關的任何程式碼都將在用於 HTML 連結時執行。然而,它將保持在同一頁面上。

我們在下面的程式碼中有一個帶有 JavaScript onclick 事件處理程式的 HTML 連結。onclick 中的程式碼有一個要求使用者關閉應用程式的 confirm 對話方塊。

如果使用者單擊取消,他們將留在頁面上。

<body>
    <main>
        <p><a id="do_nothing" href="#">Click me</a></p>
    </main>

    <script type="text/javascript">
        let link = document.getElementById("do_nothing");
        link.onclick = function() {
            confirm("Do you want to close the application")? window.close(): void(0);
        }
    </script>
</body>

輸出:

Firefox 97 中的確認對話方塊

在 JavaScript 中使用 Window.close() 定義無所事事以保持使用者在同一頁面上

window.close() 的名稱應該讓你瞭解它的作用。如果你認為它會關閉一個視窗,你是對的。

但是,它也會關閉一個它被呼叫的視窗。

例如,確認視窗。這使得使用者單擊取消按鈕的內容變得完美,我們仍然希望將它們保持在同一頁面上。

下面的程式碼與前面的程式碼相同。我們使用 if 語句和 window.close() 在單擊取消按鈕時讓使用者留在頁面上。

<body>
    <main>
        <p><a id="do_nothing" href="#">Click me</a></p>
    </main>

    <script type="text/javascript">
        let link = document.getElementById("do_nothing");
        link.onclick = function() {
            if (confirm("Do you want to close the application?")) window.close();
        }
    </script>
</body>

輸出:

Firefox 97 中的確認對話方塊視窗

在 JavaScript 中使用 Null 定義什麼都不做以使使用者保持在同一頁面上

當你將 Null 指定為三元運算子的第三部分時,程式碼不執行任何操作並將使用者保持在同一頁面上。

<body>
    <main>
        <p><a id="do_nothing" href="#">Click me</a></p>
    </main>

    <script type="text/javascript">
        let link = document.getElementById("do_nothing");
        link.onclick = function() {
            confirm("Do you want to close the application?")? window.close(): null;
        }
    </script>
</body>

輸出:

Firefox 97 中的確認對話方塊視窗

Habdul Hazeez avatar Habdul Hazeez avatar

Habdul Hazeez is a technical writer with amazing research skills. He can connect the dots, and make sense of data that are scattered across different media.

LinkedIn

相關文章 - JavaScript Function