Anchor
|
Questa voce o sezione sull'argomento informatica è ritenuta da controllare.
|
Un anchor è un oggetto appartenente alla definizione del Document Object Model (DOM) di un documento HTML e permette di definire il testo di un collegamento ipertestuale. Il nome deriva proprio dal fatto che questo testo fa da "ancora" al collegamento e ne specifica solitamente il contenuto.
Proprietà
- accessKey Imposta un tasto per accedere al link tramite tastiera
- charset Imposta o ritorna il set di caratteri utilizzato dalla risorsa
- coords Imposta o ritorna il valore delle coordinate di un'area sensibile
- href Setta o imposta un URL da linkare all'oggetto
- hreflang Setta o imposta il codice del linguaggio utilizzatto dalla risorsa
- id Imposta o ritorna il valore dell'id dell'oggetto
- innerHTML Setta o ritorna il valore del testo del link
- name Imposta o ritorna il nome del link
- rel Imposta o ritorna una relazione tra il documento e l'URL di target
- shape Setta o ritorna il valore di un'area attivata con le coordinate impostate nella proprietà coords
- tabIndex TabIndex dell'oggetto da impostare o leggere
- target Imposta il target del link, che può essere dentro o fuori la pagina dove si trova il link stesso
- type Imposta o ritorna il valore del MIME utilizzato dalla risorsa linkata
Metodi
(sono tutti ereditati dall'oggetto Object)
Eventi
Tra gli eventi più diffusamente utilizzati per le ancore vi sono:
onfocus- selezione dell'oggetto, attraverso clic del mouse o navigazione da tastiera;
onblur- deselezione dell'oggetto, attraverso clic del mouse o navigazione da tastiera;
onclick- clic del mouse sull'oggetto;
onmouseenter- ingresso del puntatore nell'area dell'oggetto;
onmouseleave- uscita del puntatore dall'area dell'oggetto.
Esempio
<script type="text/javascript">
function changeLink() {
document.getElementById('myAnchor').innerHTML="Visit another site"
document.getElementById('myAnchor').href="http://www.anothersite.com"
document.getElementById('myAnchor').target="_blank"
}
</script>
<a id="myAnchor" href="http://www.wikipedia.org">Visit Wikipedia</a>
<input type="button" onclick="changeLink()" value="Change link">
