{"id":32267,"date":"2026-04-17T11:45:00","date_gmt":"2026-04-17T06:15:00","guid":{"rendered":"https:\/\/codeforgeek.com\/?p=32267"},"modified":"2026-04-17T11:44:06","modified_gmt":"2026-04-17T06:14:06","slug":"javascript-void","status":"publish","type":"post","link":"https:\/\/codeforgeek.com\/javascript-void\/","title":{"rendered":"JavaScript\u00a0Void Operator: Why Developers Use It in Links"},"content":{"rendered":"
\n

Developers use javascript:void(0)<\/strong> in hyperlinks to prevent the browser’s default action, like navigating to a new page. <\/p>\n<\/blockquote>\n

The JavaScript void operator evaluates an expression and discards its return value, which ensures the link returns undefined and prevents the page from reloading or changing when clicked.<\/p>\n

In this article, let’s understand this in the simplest way possible.<\/p>\n

Getting Started with javascript:void(0) in Links<\/h2>\n

When you first learn JavaScript, you may wonder why some links use javascript:void(0)<\/strong> instead of a normal URL. The reason is simple: it stops the link from trying to navigate to a new page while still letting you run JavaScript. This is useful when you want a link to act like a trigger instead of a regular navigation element.<\/p>\n

Example:<\/strong><\/p>\n

\n
\n<a href="javascript:void(0)" onclick="alert('This is JavaScript running!')">Click Me<\/a>\n<\/pre>\n<\/div>\n
Here, clicking the link does not reload the page or take you anywhere. Instead, it just runs the code inside the onclick <\/strong>event. This gives developers control over the action without breaking the user\u2019s flow.<\/p>\n
How the Void Operator Works<\/h2>\n
Let’s break the word “javascript:void(0)”<\/strong> to understand it’s work clearly:<\/p>\n