Anchor

Da Semi del Verbo, l'enciclopedia dell'influenza del Vangelo sulla cultura
Versione del 30 ago 2020 alle 22:50 di Johnrdorazio (discussione | contributi) (una versione importata)
(diff) ← Versione meno recente | Versione attuale (diff) | Versione più recente → (diff)
Disambiguazione – Se stai cercando altri significati, vedi Anchor (disambigua).

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à

  1. accessKey Imposta un tasto per accedere al link tramite tastiera
  2. charset Imposta o ritorna il set di caratteri utilizzato dalla risorsa
  3. coords Imposta o ritorna il valore delle coordinate di un'area sensibile
  4. href Setta o imposta un URL da linkare all'oggetto
  5. hreflang Setta o imposta il codice del linguaggio utilizzatto dalla risorsa
  6. id Imposta o ritorna il valore dell'id dell'oggetto
  7. innerHTML Setta o ritorna il valore del testo del link
  8. name Imposta o ritorna il nome del link
  9. rel Imposta o ritorna una relazione tra il documento e l'URL di target
  10. shape Setta o ritorna il valore di un'area attivata con le coordinate impostate nella proprietà coords
  11. tabIndex TabIndex dell'oggetto da impostare o leggere
  12. target Imposta il target del link, che può essere dentro o fuori la pagina dove si trova il link stesso
  13. 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">

Voci correlate

Collegamenti esterni