JavaScript - Guia de Referência
© 1997 Anderson Barros Torres


Link


HTML permite ligações de uma região de texto (ou imagem) a um outro documento. Nestas páginas, temos visto exemplos dessas ligações: o browser destaca essas regiões e imagens do texto, indicando que são ligações de hipertexto - também chamadas hypertext links ou hiperlinks ou simplesmente links.

Forma geral:
<A [ NAME="ancora" ]
      HREF="URL" [TARGET="janela"] [onClick="ação"] [onMouseOver="ação"]>
      Texto explicativo</A>

onde:
URL - É o documento destino da ligacao hipertexto;

âncora - É o texto ou imagem que servira de ligação hipertexto do documento sendo apresentado para o documento destino.

janela - Nome da janela onde a página será carregada, para o caso de estarmos trabalhando com frames. O valor de "janela" causa o seguinte impacto:

"_top" : Se estivermos trabalhando com frames, a página referenciada pelo link, substituirá a página que criou as frames, ou seja, a página atual, com todas as frames, dará lugar a nova página.

"_self" : A nova página é carregada na mesma janela do link.

"_blank" : Abre uma nova seção do browse para carregar a página.

ação - Código de resposta ao evento.

Texto explicativo - Texto definido pelo usuário, que aparece na tela de forma destacada.

Eventos:
onClick - Ocorre quando clicamos o mouse sobre o link.
Ex: <A HREF="URL qualquer" onClick="alert('você teclou no link!')">Texto</A>

onMouseOver - Ocorre quando o mouse passa por cima do link, sem ser clicado.
Ex: <A HREF="URL qualquer" onMouseOver="self.status='Este texto aparecerá na barra de status quando o mouse estiver posicionado sobre o link'">Texto</A>

Caminhos para o documento destino
1.Caminho relativo - O caminho relativo pode ser usado sempre que queremos fazer referência a um documento que esteja no mesmo servidor do documento atual. Para usar links com caminhos relativos é preciso, portanto, conhecer a estrutura do diretório do servidor no qual estamos trabalhando. Simplificando, é como acessarmos um arquivo que esteja no mesmo diretório, não sendo necessário acrescentar o path.
Ex: Vejamos a figura abaixo:

figura 1

Esta figura representa a estrutura de diretórios do servidor Geocities, e o caminho em vermelho, é o endereço completo de minha página. Observe que o arquivo em destaque "JavaInde.htm" é a página inicial deste tutorial, as outras páginas que completam este tutorial estão no mesmo diretório que a página principal, portanto, não ha necessidade de quando a página principal for carregar outra que esteja no mesmo diretório, incluir todo o trajeto para se chegar a ela, basta referenciar <A HREF="parte1.htm">PARTE 1</A>, ao em vez de <A HREF = "/ CapitolHill/6126/parte1.htm">PARTE 1</A>. Se bem que as duas formas funcionam de maneira identica.

2. Caminho absoluto - Utilizamos caminho absoluto quando desejamos referenciar um documento que esteja em outro servidor. Com a mesma sintaxe, e possível escrever links para qualquer servidor WWW no mundo. Seria a aplicação do endereço completo da página em questão, como visto no ítem anterior.

3. Ligações a trechos de documentos - Além do atributo href, que indica um documento destino de uma ligação hipertexto, o elemento A possui um atributo NAME que permite indicar um trecho de documento como ponto de chegada de uma ligação hipertexto. Funciona tanto para documentos locais como para os armazenados em outro servidor. O trecho deve ser indicado com o símbolo "#".
Ex:
JavaInde.htm

<HTML>
...
<A HREF = "parte1.htm#2">Diferença entre Java e JavaScript</A>
...
</HTML>

 

parte1.htm

<HTML>
...
<A NAME="1"></A>O que é JavaScript
JavaScript é...

<A NAME="2"></A>Diferença entre Java e JavaScript
A diferença é...
...
</HTML>

No exemplo acima, o link de JavaInde.htm carrega a página "parte1.htm" e automaticamente posiciona o trcho "2" no topo da janela do browser.



Página desenvolvida por Anderson Barros Torres. Julho/97
Última alteração: