O conceito a que você está se referindo é conhecido como "Hyperlinking Interno". Não há JavaScript envolvido aqui.
An internal link is a hyperlink that is a reference or navigation element in a document to another section of the same document or to another document that may be on or part of the same website or domain of the internet. In articles like this one, the words highlighted in blue are examples of internal links.
Em suma, você é capaz de acessar a seção específica diretamente, porque o id da tag é o mesmo que você está digitando após '#'.
Referência:
Você está acessando a seção da página usando apenas seu id. Vamos considerar o exemplo de:
http://www.xbox.com/en-IN/index#CopyrightLogo
Quando você clica nesse link, o navegador rola para a parte inferior automaticamente para trazer o logotipo da Microsoft para o quadro.
Aqui, 'CopyrightLogo' é o id do logotipo da Microsoft que você pode ver no canto inferior direito da página. Você pode verificar o código por:
- Internet Explorer: pressionando F12 no teclado e & em seguida, pressionando Ctrl + B e, em seguida, clique em Microsoft Logo no canto inferior direito. Ele mostrará o ID do logotipo como "CopyrightLogo"
- GoogleChrome:cliquecomobotãodireitodomousenologotipodaMicrosoftnocantoinferiordireito&selecione
Inspectelement
lhedaráoiddologotipocomo'CopyrightLogo'
Porfim,descobriITV+1
cuja representação em html é ITV%2B1
.