pagetutor.com - HTML tutorials for the rest of us
JavaScript Tutor v 1.0 oversat af Ewan Rasmusson & Andrew Smith af Joe Barta
pagetutor.com
Download som zip fil.

JavaScript Tutor - Lektion 13

Et andet objekt, som vi måske får brug for er location objekt. Location objekt er en egenskab af vindue objekt...

window.location

Ligesom andre objekter, har den egenskaber. En egenskab der bruges ofte er href property...

window.location.href

Den specificerer dokumentets URL i et bestemt vindue.

Se på dette script...

<HTML>
<HEAD>
<TITLE></TITLE>

<SCRIPT language="JavaScript"><!--

function VisUrl()
{
   alert(window.location.href);
}

function GoUrl()
{
   window.location.href = "otherpage.html";
}

//--></SCRIPT>

</HEAD>
<BODY>

<A HREF="JavaScript:VisUrl()">Klik her</A> for dette document's URL.<BR>
<A HREF="JavaScript:GoUrl()">Klik her</A> for at gå til en anden side.

</BODY>
</HTML>

Prøv det.

Funktion VisUrl() henter locationen og viser den i et advarselsvindue. Function GoUrl() indstiller vinduets location til noget andet, som derved får den anden side til at loade vinduet.

Øvelse: Lav 6 web sider for hvert brady barn. Noget som dette er fint. Lav om på den sidste øvelse, og i stedet for et advarselsvindue som viser værdien "anja", ændres værdien til url'en på anja's side (anja.html, eller hvad du kalder den.) Hent derefter, denne værdi og indstil den som vinduets nye href. Resultet er en jump box.

Her er en løsning.

Vi kan definere vores egne arrays. Lad os antage vi vil definere en array af farver...

farver
rød
blå
grøn
gul
lilla
orange

Først laver vi et nyt array...

farver = new Array();

Bagefter definerer vi de enkelte elementer af array...

farver = new Array();
farver[0] = "rød";
farver[1] = "blå";
farver[2] = "grøn";
farver[3] = "gul";
farver[4] = "lilla";
farver[5] = "orange";

Læg mærke til det 0-baserede talsystem. Ovennævnte farve array har 6 elementer, og vi kan referere til hvert med et tal. Studér følgende...

<HTML>
<HEAD>
<TITLE></TITLE>

<SCRIPT language="JavaScript"><!--

farver = new Array();
farver[0] = "rød";
farver[1] = "blå;
farver[2] = "grøn";
farver[3] = "gul";
farver[4] = "lilla";
farver[5] = "orange";

function GetMyColor()
{
   alert(farver[2]);
}

//--></SCRIPT>

</HEAD>
<BODY>

<A HREF="JavaScript:GetMyColor()">Klik her for min farve</A>

</BODY>
</HTML>

Prøv det.

Selvom det er ikke det mest brugbare script i verden, er det en god måde at vise et array på. Forstå hvad der sker før du fortsætter.

<< Tilbage         Næste >>