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