Talking about the difference of href= #与href =javascript:void (0) _ Experience Exchange

Source: Internet
Author: User

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

<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)

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)
2. Javascript:void expression
Expression 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.

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.