JavaScript href link | Used to activate functions

Bypassing a function name in the onclick attribute of the anchor tag, you can call the JavaScript function. Because sometimes it’s a necessity of triggering a function when the user clicks a link.

JavaScript href link call function

Commonly 2 ways do it HTML example code:-

They are both very similar syntaxes, the only difference is the href attribute value.

The first is href="#", the second is href="javascript:void(0)". You might also see this syntax href="javascript:;", which is equivalent to the second.

href=”#”

<html>
<body>
	<a href="#" onclick="hello()">Click here</a>

	<script>
		function hello(){
			alert("Hello Script");
		}
	</script>
</body>
</html>

href=”javascript:void(0)”

<html>
<body>
	<a href="javascript:void(0)" onclick="hello()">Click here</a>

	<script>
		function hello(){
			alert("Hello Script");
		}
	</script>
</body>
</html>

Output:

JavaScript href link

Do comment if you have any doubts and suggestions on this JS href topic.

Note: The All JS Examples codes are tested on the Firefox browser and the Chrome browser.

OS: Windows 10

Code: HTML 5 Version


Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.