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