The difference between a href=# and a href=javascript:void(0)

a href=# After clicking the link, the page will scroll up to the top of the page. # The default anchor point is #TOP, javascript:void(0). After clicking the link, the page will not move and only the link will be opened. See this article for details. a href="#"> After clicking the link, the page will scroll up to the top of the page, #The default anchor point is #TOP

After clicking the link, the page does not move, only the link is opened

The effect is the same as above, different browsers will Differences.

After clicking the link, if you don’t want the page to scroll to the top of the page, use href="javascript:void(0)" instead of href="#". Return false has a similar effect

Detailed explanation of the difference between href="#" and href="javascript:void(0)"

"#" contains a position information
The default anchor point is #top also It's the top of the webpage
And javascript:void(0) just means a dead link
This is why sometimes the page is very long and the browsing link is obviously #but it jumps to the top of the page
And javascript:void(0 ) is not the case.
So when calling the script, it is best to use void(0)
or

etc.

Several ways to open new window links Method

1.window.open('url')
2.Use custom function

The code is as follows:

<script> 
function openWin(tag,obj) 
{ 
obj.target="_blank"; 
obj.href = "Web/Substation/Substation.aspx?stationno="+tag; 
obj.click(); 
} 
</script> 
<a href="javascript:void(0)" onclick="openWin(3,this)">LINK_TEST</a> 

window.location.href=""

-------- -------------------------------------------------- ---------------------
If it is a #, it will jump to the top. Several solutions for personal collection:
1:
2：
3：< a href="javascript:void(null)">
4：
5：< ;span style="cursor:hand">(It seems that it cannot be displayed in FF)
----------------------- -------------------------------------------------- ------
Use JavaScript with caution: void(0)

When I was debugging CGI today, it was obvious that the CGI program had been executed and the final result was correct, but the page would not refresh. Tested under FireFox2.0, the result is normal, but IE6 does not refresh! After careful investigation, I found that the cgi page link is only a sample , the problem lies in this void(0) on! Let us first take a look at the meaning of void(0) in JavaScript:
void in JavaScript is an operator that specifies to calculate an expression but does not return a value.

The void operator usage format is as follows:

1. javascript:void (expression_r_r)
2. javascript:void expression_r_r

expression_r_r is a JavaScript standard to be calculated expression. Parentheses around expressions are optional, but it's a good practice to write them. We can specify hyperlinks using void operator. The expression is evaluated but nothing is loaded into the current document. The code above creates a hyperlink that does nothing when the user clicks on it. When the user clicks the link, void(0) evaluates to 0, but has no effect on JavaScript.
Click here and nothing will happen
In other words, some processing is to be performed, but the page is not refreshed as a whole In this case, you can use void(0), but if you need to refresh the page, you need to be careful.
In fact, we can use , this sentence will perform a submit operation. So under what circumstances are void(0) used more often? Without refresh, of course it is Ajax. If you look at the Ajax web page, you will generally see a lot of void(0), :), so when using void(0) ), it’s best to think about whether this page needs to be refreshed as a whole.

When using javascript, we usually pass something like:

Submit
method, calling the javascript method through a pseudo link. One problem with this method is:
Although the page will not jump when the link is clicked, the scroll bar will scroll up. The solution is to return false.

As shown below:

Submit

Also You can use


a href="javascript:void(0)" onclick="javascript:method;return false;" to submit
javascript:void(0) and it will not jump up: )

There is another method is #this

a href="#this" onclick="javascript:method"

###more a href=#with For related articles on the difference between a href=javascript:void(0), please pay attention to the PHP Chinese website! ###