Home  >  Article  >  Web Front-end  >  Analysis of the difference between a tag href=# and href=javascript:void(0) in html

Analysis of the difference between a tag href=# and href=javascript:void(0) in html

黄舟
黄舟Original
2017-07-27 13:36:012135browse

Let’s briefly talk about the difference between href=# and href=javascript:void(0). Friends who need it can refer to it

#"contains a location information

The default anchor point is #top is the top of the webpage

And javascript:void(0) only represents 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

This is not the case with javascript:void(0)

So it is best to use void(0)

or7ce8961e120a815eeb46b3f04acc755f

# when calling the script ##56ea8152226b1444ce0c2c61f8d5d4f7Wait

Several ways to open a new window link

1.window.open('url')

2.Use a 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 a jump To reach the top situation, several solutions from personal collection:


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>(好像在FF中不能显示)

-------------------------- -------------------------------------------------- --

Use JavaScript with caution:void(0)

void is an operator in JavaScript, which specifies that an expression should be calculated but does not return a value.

void operator. The usage format is as follows:

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

expression is a JavaScript standard expression to be evaluated. The parentheses outside the expression are optional, but it is a good habit to write them using the void operation. specifies a hyperlink. The expression will be evaluated but nothing will be loaded into the current document. The code below creates a hyperlink and nothing will happen when the user clicks the link. void(0 ) is calculated as 0, but has no effect on JavaScript


<a href="javascript:void(0)">单击此处什么也不会发生</a>

That is to say, if you want to perform some processing without refreshing the page as a whole, you can use void(0), but When you need to refresh the page, you need to be careful.

In fact, we can use 870cd383f150d4ad83c7c7790d241cd0. The 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.

The above is the detailed content of Analysis of the difference between a tag href=# and href=javascript:void(0) in html. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn