Meaning of javascript:void(0) explained with example

<a href="javascript:void(0)" class="something" id="action">Check</a>

When you click on a hyperlink it results in an action where the page is redirected to the location that's defined in href attribute.

If you want to display a hyperlink and but do not want to redirect to another link and yet want to perform such action you can make use of javascript:void(0) inside the href attribute.

javascript:: is the way you can perform a javaScript action.

void(0): will result in undefined and no action will be performed.

Let's see an example:

<a href="javascript:void(0)" onClick="displayMessage()" id="link">
Click to display Message</a>

<div id="message"></div>

function displayMessage() {
	document.getElementById("message").innerHTML = "Hello there!";

javascript:void(0) example
javascript:void(0) example

Copyright © Code2care 2024 | Privacy Policy | About Us | Contact Us | Sitemap