在 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