Detailed explanation of the difference between a href=# and a href=javascript:void(0)_HTML/Xhtml_Webpage Production

etc.

Several types of links to open new windows Method

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

Copy code

The code is as follows:

window.location.href=""
------------------------------------------------ ---------------------------------------------
If it is a #, There will be a situation of jumping to the top. Several solutions to personal collection:
1:
2:
3：
4：
5:(It seems that it cannot be displayed in FF)
- -------------------------------------------------- ----------------------------
Use JavaScript:void(0) with caution

When debugging CGI today , obviously the CGI program has been executed, and the final result is correct, but the page does 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, which specifies to calculate an expression but does 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 a JavaScript standard to be calculated expression. The parentheses outside the expression are optional, but it is 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.
Clicking here will do nothing
That is, perform some processing, but not refresh the page 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 is 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 clicking the link, 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: )

Another method is #this

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