"javascript:void(0)"是什么意思?

javascriptweb developmentfront end technology更新于 2024/8/18 11:24:00

在本教程中,我们将学习"javascript: void(0)"的含义。

在英语中,void 表示无。在编程语言中,void 表示不返回任何内容。"javascript: void(0)"与 void 类似。

javascript: void(0) 表示返回 undefined 作为原始值。我们使用它来防止插入某些表达式时对网页产生任何负面影响。

例如,在 URL 超链接的情况下。当用户单击链接时,通过重新加载页面来打开超链接。在这种情况下,当您需要运行其他代码时,可以使用 javascript: void(0)。

让我们用冒号拆分 javascript: void(0)。我们得到 javascript 和 void(0)。

javascript: 是一个伪 URL。 JavaScript 引擎将其解释为冒号后面的某些代码并执行该代码。

语法

<a href="javascript:console.log('1');">Link</a>

此处,当我们单击链接时,控制台中显示 1。

const result = void(1 + 1);
console.log(result);//undefined
console.log(void(0) === undefined)//true

void(0) 返回 undefined。void(0) 表示 void(false)。即使 1+1 等于 2,void 也会使其未定义。

<a id='href' href="javascript: void(document.querySelector('#href').style.color='purple')">Click Me</a>

在上面的代码片段中,void 内的代码执行。

不使用 javascript:void(0)

示例

在此示例中,我们将 # 设置为 href,并为锚标记添加了双击事件。只有当用户双击标记时,才会触发警报。此处页面刷新,因为我们已设置 #。我们还可以观察链接的颜色变化。

<html> <body> <h2>JavaScript program without using <i>javascript: void(0)</i></h2> <a href="#" ondblclick="alert('Clicked Twice')">Double Click Me!</a> </body> </html>

使用 javascript: void(0)

示例

在此示例中,我们已将 javascript: void(0) 设置为 href,并为锚标记添加了双击事件。只有当用户双击标记时,才会触发警报。此处页面未刷新,因为我们已设置 javascript: void(0)。我们无法观察到链接的颜色变化,因为我们没有访问它。

<html> <body> <h2>JavaScript program using javascript: void(0)</h2> <a href="javascript: void(0)" ondblclick="alert('Clicked Twice')">Double Click Me!</a> </body> </html>

在本教程中,我们讨论了 javascript: void(0)。当我们需要阻止网页上的某些操作时,可以使用此选项。


相关文章