After the click event of html hyperlink a, jump to the address pointed to by href

This time I will bring you the click event of html hyperlink a to jump to the address pointed to by href, and the click event of html hyperlink a to jump to the address pointed to by href. Notes Yes Which ones, the following are practical cases, let’s take a look.

Sometimes, we need to use the hyperlink without using href to complete the jump, but like: onClick ="fun()">This way. In this way, the page will not jump. But it will also bring some negative problems, such as the title of the page changing to "#", or scroll bars appearing on the page. This is because after executing the onClick event, jumps to the address pointed to by the href again, and "#" is an anchor point, which defaults to the top of the web page, so it will cause the problems mentioned above.

There are two solutions:

1. Add a return false statement to the onClick event, for example:

<a href="#" onClick="fun(); return false;">点击</a>

2. Use void(0) instead #, for example:

<a href="javascript:void(0)" onclick="fun()">点击</a>

I believe you have mastered the methods after reading these cases. For more exciting information, please pay attention to other related articles on the php Chinese website!

Related reading:

How to display and hide HTML elements through display or visibility

table in html How to convert data into Json format

How to achieve the effect of scrolling fonts and pictures with marquee elements

IE web page pop-up window What are the parameters

The above is the detailed content of After the click event of html hyperlink a, jump to the address pointed to by href. For more information, please follow other related articles on the PHP Chinese website!