在 JavaScript 中定義什麼都不做以保持使用者在同一頁面上
-
在 JavaScript 中使用
Void(0)
定義不做任何事以保持使用者在同一頁面上 -
在 JavaScript 中使用
Window.close()
定義無所事事以保持使用者在同一頁面上 - 在 JavaScript 中使用 Null 定義什麼都不做以使使用者保持在同一頁面上
本教程將教你三種方法,讓使用者在點選 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>
輸出:
在 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>
輸出:
在 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>
輸出:
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