link archor

 

link archor

 

http://www.xxx.com/me.html#mood, this is a link with a archor, 

#mood, is the archor part, could be the id/name of a element on the page,(html5 support id, html4 support id & name, so use id,)

 

when click:

when click on such a url, 

if the current base url is the same as the target, then it will not refresh the page, just scroll to the location where the archor exists, in case the archor not exists, then it will not scroll, nothing change,

if the current base url is different, then it will go to the new page,

 

how to get the archor:

<a> is a HTMLAnchorElement, it's hash property give the archor part with the "#" if exists, 

e.g. 

"#mood"

has a archor part,

""

no archor part, empty string,

also, the href property include the archor part,

 

a trick to use archor:

click a link with archor on the same page, will not trigger page refresh, but you can get a click event,

from the event you can get the value of archor, then you can do something, like ajax request & update the page content,

gmail / qzone / ..  all use this kind of archor,