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

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

64308f6157e41ac9428e65109e13639d 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)
or7ce8961e120a815eeb46b3f04acc755f
56ea8152226b1444ce0c2c61f8d5d4f7 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: 46cb9c4627e16a1c97b2368c4a6a6b795db79b134e9f6b82c0b36e0489ee08ed
2：0408054196e655f677973fb4d7c998655db79b134e9f6b82c0b36e0489ee08ed
3：8d26f13a22ed48196444b8655a09e9505db79b134e9f6b82c0b36e0489ee08ed
4：755146b0f224288ff1f9517809ac46ba5db79b134e9f6b82c0b36e0489ee08ed
5：< ;span style="cursor:hand">54bdf357c58b8a65c66d7c19c8e4d114(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 548da03febfc62aacbe3479d7d01cd5f only a sample 5db79b134e9f6b82c0b36e0489ee08ed, 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.
0408054196e655f677973fb4d7c99865Click here and nothing will happen5db79b134e9f6b82c0b36e0489ee08ed
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 870cd383f150d4ad83c7c7790d241cd0, 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:

b36bf3b0b4634dd7fb77bc4ab5515eccSubmit5db79b134e9f6b82c0b36e0489ee08ed
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:

cf705981e8e0dc2dc307278456d727f3Submit5db79b134e9f6b82c0b36e0489ee08ed

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! ###