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:


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

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

javaScript:
function displayMessage() {
	document.getElementById("message").innerHTML = "Hello there!";
}
JSFiddle: https://jsfiddle.net/code2care/4qmbd0vs/5/

Output:
javascript:void(0) example
javascript:void(0) example
Advertisements
Try Out Code2care Dev Tools:

Advertisements



#Android #Java #Linux #Microsoft #Google #Python #MacOS #Notepad++ #Microsoft Teams #CSS #PHP #SharePoint #Html #Linux #C-Program #Bootstrap #jQuery #Sublime #Android-Studio #Facebook #Eclipse #WhatsApp #News #MySQL #Json #HowTos #JavaScript #FTP #S3


Advertisements


Code2care is an initiative to publish and share varied knowledge in programming and technical areas gathered during day-to-day learnings and development activities.

Students and Software Developers can leverage this portal to find solutions to their various queries without re-inventing the wheel by referring to our easy to understand posts. Technical posts might include Learnings, Tutorials, Trouble-Shooting steps, Video Tutorials, Code Snippets, How Tos, Blogs, Articles, etc.
🎉 We are celebrating the 10th years of Code2care! Thank you for all your support! We hope we made a difference.
We strong support Gender Equality & Diversity.

We stand in solidarity with Ukraine - Make a donation to UNHCR - https://donate.unhcr.org/in/en-in/ukraine-emergency