Detailed explanation of the difference between a href= #与 a href=javascript:void (0)

A href= "#" > click on the link, the page will scroll up to the top of the page, # The default anchor point is #TOP

<a href= "javascript:void (0)" onclick= "window.open ()" > click the link after the page does not move, just open the link

<a href= "#" onclick= "Javascript:return false;" > function ditto, different browsers will have differences.

Click on the link, do not want to roll the page to the top of the page, use href= "javascript:void (0)", do not use href= "#", return false also has a similar effect

Detailed href= "#" and href= "javascript:void (0)" Difference

"#" contains a location information
The default anchor point is #top, which is the top of the page.
and javascript:void (0) only represents a dead link
This is why sometimes the page is very long to browse the link obviously is the # but beat to the top of the page
and javascript:void (0) is not so
So the best time to invoke a script is void (0)
or <input onclick>.
<div onclick>, etc.

Several ways to open a new window link

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 #, there will be jumps to the top of the situation, the personal collection of several solutions:
1:<a href= "#" ></a>
2:<a href= "javascript:void (0)" ></a>
3:<a href= "javascript:void (null)" ></a>
4:<a href= "#" onclick= "return false" ></a>
5:<span style= "Cursor:hand" ></span> (as if not shown in FF)
-------------------------------------------------------------------------------
Careful use of javascript:void (0)

Today, when debugging CGI, clearly CGI program has been executed, and the final result is correct, but the page is not refreshed. In the FireFox2.0 test, the result is normal, IE6 but not refreshing! After careful investigation, found that the CGI page link is <a href= "javascript:void (0)" onclick= "Xxx_func ();" ....> only a sample </a> The problem is in this void ( 0) on! Let's look at the meaning of Void (0) in JavaScript first:
In JavaScript, Void is an operator that specifies that you want to evaluate an expression but not return a value.

void operator usage format is as follows:

1. Javascript:void (Expression_r_r)
2. Javascript:void Expression_r_r

Expression_r_r is an expression of the JavaScript standard to compute. The parentheses outside the expression are optional, but writing is a good habit. We can use the void operator to specify a hyperlink. The expression is evaluated but does not load any content in the current document. Surface code creates a hyperlink that will not happen when the user clicks on it. When the user clicks on the link, void (0) evaluates to 0, but there is no effect on JavaScript.
<a href= "javascript:void (0)" > Click here Nothing will happen </a>
That is, you can use void (0) to perform some processing, but not to refresh the page as a whole, but be careful when you need to refresh the page.
In fact, we can use <a href= "javascript:void (Document.form.submit)", this sentence will be a submit operation. What is the case with void (0) More? No refresh, of course, Ajax, look at the AJAX Web page, you will generally see a lot of void (0),: So in the use of void (0) before, it is best to think about whether the page needs to be overall refreshed.

When using JavaScript, we usually go through something like:

<a href= "#" onclick= "javascript: Method" > Submit </a>
Way to invoke the JavaScript method through a pseudo link. One of the problems with this approach is:
While clicking on the link does not jump the page. But the scroll bar rolls up, and the solution is to return a false.

As shown below:

<a href= "#" onclick= "javascript: method; return false;" > Submit </a>

You can also use ###

A href= "javascript:void (0)" onclick= "javascript: method; return false;" Submit
Javascript:void (0) will not jump up:)

There is another way to #this

A href= "#this" onclick= "javascript: Methods"