What does Javascript void(0); mean?

Question

Hi all, I wanted to create this question/answer about a topic that I’ve been recently asked a few times: What does Javascript void(0); mean?

Bobby · Accepted Answer

What is javascript:void(0)? If you have done any web development, you have most likely seen javascript:void(0) in some HTML files that you were working on. What javascript:void(0) is most commonly used for is to return undefined when an anchor tag is clicked, while you are on the page that the href attribute value is pointing to. What this means is that if you press, for example, the Home page of a website, while you are on the home page of that specific website, JavaScript will return undefined. That way nothing will happen and the page will not be refreshed. Here is how the tag usually looks like: Home If a user clicks on the above button, instead of the browser loading a brand new page, nothing will happen. This provides a better user experience. To see the exact difference, we could create one anchor tag and set the href value to javascript:void(0) and one that we leave the value empty as follows:

Link 1

Link 2

Now if you were to click on Link 1 nothing will happen, the page will not be refreshed. But if you were to click on Link 2 your page will get refreshed. As a next step let’s break the statement down a little bit. What exactly is javascript:? The javascript: part is a pseudo-URL address. So when a browser follows a javascript:, it then loads the contents of the page with the returned value. But what if the returned value is false? In that case, it does nothing. And if we want it to return undefined, we have to add the void operator. Next, let’s review what the void operator is. What exactly is the void operator? The void operator checks the given value and then returns undefined. In most cases, it is used mostly to obtain the value undefined by using void(0). javascript:void(0) alternative As using the javascript: pseudo-URL address could cause some problems when a user tries to bookmark a specific link. As an alternative to javascript:void(0), you can add the # as the value to your href tags like this: Home The only difference is that this will take you to the top of the page, while javascript:void(0) won’t move you at all. To prevent this behavior you could add onclick="return false;" so that the user does not get taken to the top of the page: onclick="return false;"<^>>Home With that approach, you would have the same behavior as you would with javascript:void(0). Conclusion Using javascript:void(0) will ensure that your users do not navigate to another page and also that their current page does not get reloaded. You could also use the onclick="return false;" approach as an alternative which in some cases might be a bit more readable than using the javascript:void(0) approach. As a next step, try to use these methods a few times to see how they actually work and pick the one that suits your needs. I hope that this post has helped you!Best,Bobby

Become a contributor for community

DigitalOcean Documentation

Resources for startups and AI-native businesses

The developer cloud

Start building today

Report this

What does Javascript void(0); mean?

Related questions

How to create a social media app that respects user privacy and builds trust?

What is real estate app development?

What are the most effective Social Media App Development Solutions for startups looking to scale quickly in 2025?

Have you ever used abstraction for hiding complexity?

como transformar um object em inteiro em python?

On staging and production dropplets ...

send emails via SMTP

How do you set up a development and test server for staging production server changes?

How to send buffer to rtmp using ffmpeg.

How to create tables with App Platform Dev databases?

How to change /workspaces root folder as it is breaking deployment?

Getting issue when i set cron using node-cron and pm2 but after 1 day my crons not working and also my droplets terminal getting slow issue

Report this

What does Javascript void(0); mean?

Related questions

How to create a social media app that respects user privacy and builds trust?

What is real estate app development?

What are the most effective Social Media App Development Solutions for startups looking to scale quickly in 2025?

Have you ever used abstraction for hiding complexity?

como transformar um object em inteiro em python?

On staging and production dropplets ...

send emails via SMTP

How do you set up a development and test server for staging production server changes?

How to send buffer to rtmp using ffmpeg.

How to create tables with App Platform Dev databases?

How to change /workspaces root folder as it is breaking deployment?

Getting issue when i set cron using node-cron and pm2 but after 1 day my crons not working and also my droplets terminal getting slow issue