Link-objekt (länk-matris)

Ett länkobjekt är ett stycke text eller en bild (eller en del av en bild) som via <A HREF ...> ... </A>-taggar bildar en hyperlänk.

Inom en webbsida använder man <A HREF...>...</A>-taggar för att definiera en hyperlänk (en länk, med andra ord). För att avgöra hur många länkar som finns på webbsidan, använder man 

document.links.length

För att med javascriptkod anropa en speciell länk på sidan använder man 

document.links[index].egenskapNamn

där index är ett heltal som motsvarar länkens plats i länkmatrisen och egenskapNamn är en av de giltiga egenskaperna för länkobjektet.

.hash Anger ankarnamn i en URL

.host Anger hostname:port-delen av URL:en

.hostname Anger server och domännamn, eller IP-adress, till en nätverksserver

.href Anger hela URL:en

.pathname Anger path-delen av URL:en

.port Anger den kommunikationsport som serven använder för kommunikation

.protocol Anger URL:ens början, inklusive kolon

.search Anger ett frågemål som speglas i TARGET-attributet

Händelsehanterarna för hyperlänkar specifieras i  <A HREF...>-taggen som definierar länken. Det finns två händelsehanterare:

onClick Utlöses när man klickar på länken

onMouseOver Utlöses när muspekaren förs över länken

När en sida öppnas skapar JavaScript automatiskt en lista (matris) över alla hyperlänkar på sidan. Den första hyperlänken kallas links[0], den andra links[1] och så vidare.. Varje länkobjekt i denna matris är ett location-objekt - en fullständig URL. Varje post i länkmatrisen har samma egenskaper som ett location-objekt. Om ett länkobjekt dessutom är ett ankarobjekt, kommer objektet att vara post i både ankar- och länkmatrisen.

Länkobjektet är en egenskap i dokumentobjektet.

Det vanligaste sättet att använda link-objektets egenskaper är att låta en hyperlänk visa ett meddelande i statusraden. Detta gör man med händelsehanteraren onMouseOver(). Om du pekar på länken nedan, visas meddelandet "En webbresurs för alla datorintreserade" i statusraden, i stället för länkadressen som normalt visas där (här leder länken bara tillbaka till den här sidan, så du behöver inte klicka på den):

Vad är SDN?

Koden för detta är: <a href="../../index.html" onMouseOver="window.status='En webbresurs för alla datorintresserade';return true">Vad är SDN?</a>

Satsen return true kompletterar koden och ser till att meddelandet dyker upp i samma ögonblick som muspekaren rör vid länken.

Se även Anchor-objekt

© SupportData.Net