Skip to content
Related Articles

Related Articles

Improve Article
Save Article
Like Article

What does javascript:void(0) mean?

  • Difficulty Level : Medium
  • Last Updated : 11 Oct, 2019

You might have occasionally came across “javascript:void(0)” in an HTML Document. It is often used when inserting an expression in a web page might produce some unwanted effect. To remove this effect, “javascript:void(0)” is used. This expression returns undefined primitive value.
This is often used with hyperlinks.
Sometimes, you will decide to call some JavaScript from inside a link. Normally, when you click a link, the browser loads a brand new page or refreshes the same page (depending on the URL specified).
But you most likely don’t desire this to happen if you have hooked up some JavaScript thereto link.

To prevent the page from refreshing, you could use void(0).

Hey geek! The constant emerging technologies in the world of web development always keeps the excitement for this subject through the roof. But before you tackle the big projects, we suggest you start by learning the basics. Kickstart your web development journey by learning JS concepts with our JavaScript Course. Now at it's lowest price ever!

Using “#” in anchor tag: When writing the following code in the editor, the web page is refreshed after the alert message is shown.
Example:




<!DOCTYPE html>
<html>
  
<head>
    <title>without JavaScript:void(0)</title>
</head>
  
<body>
    <center>
        <h1 style="color:green">GeksforGeeks</h1>
        <h3>without JavaScript:void(0)</h3>
        <a href="#" 
           ondblclick="alert('Welcome to Geeks for Geeks')"
Double click on me </a>
    </center>
</body>
  
</html>

Output:

Using “javascript:void(0);” in anchor tag: Writing “javascript:void(0);” in anchor tag can prevent the page to reload and JavaScript functions can be called on single or double clicks easily.
Example:




<!DOCTYPE html>
<html>
  
<head>
    <title>JavaScript:void(0)</title>
</head>
  
<body>
    <center>
        <h1 style="color:green">GeksforGeeks</h1>
        <h3>JavaScript:void(0)</h3>
        <a href="javascript:void(0);" 
           ondblclick="alert('Welcome to Geeks for Geeks')">
Double click on me </a>
    </center>
</body>
  
</html>

Output:




My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!