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


在本教程中,我们将学习“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也会使其变为undefined。

<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)。当我们需要阻止网页上的某些操作时,可以使用此选项。

更新于:2022年10月31日

4K+浏览量

启动你的职业生涯

完成课程获得认证

开始学习
广告