HusebyFun
Vi lager en advarsel
Vi skal lage et dokument hvor vi legger JavaScript koden i head seksjonen. Dokumentet vårt ser nå son ut:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>JavaScript i head seksjonen</title>
<script type="text/javascript" language="javascript>
</script>
</head>
<body>
<p>JavaScript i headseksjonen</p>
</body>
</html>
Vi skal lage en advarsel, og dette kaller vi en funksjon. På engelsk blir dette da function. Derfor skriv vi slik:
function advarsel() {
}
}
Først har vi koden function som betyr at denne koden må fremkalles. Så har vi navnet på funksjonen som nå er advarsel. Navnet kan være hva som helst så lenge det ikke har mellorom i seg. Parangtesene kan jeg desverre ikke forklare på det nivået vi befinner oss på nå. Så har vi disse rare parangtesene ({ }). De hviser at "dette er en boks".
Men vi har bare skrevet inn navnet på funksjonen. Nå er det på tide med koden:
alert ("Dette er en advarsel");
Her starter vi med "alert" som betyr advarsel på Engelsk. Så har vi enda en parangtes som betyr "dette skal være med i advarselen".
Den teksten som er inne i appostroffene skal skrives ut i advarselen. Hadde vi f. eks. skrevet alert("JavaScript" og HTML); så ville det bare ha blitt skrevet ut JavaScript.
Dokumentet vårt skal nå se son ut:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>JavaScript i head seksjonen</title>
<script type="text/javascript" language="javascript>
function advarsel() {
alert("Dette er en advarsel");
}
</script>
</head>
<body>
<p>JavaScript i headseksjonen</p>
</body>
</html>
Alt vi har gjort nå er og skrive at det er en advarsel. Nå gjenstår det bare å fremkalle den. Dette kan gjøres på to måter:
- At advarselen hvises når siden lastes inn, Det gjør vi ved å skrive følgende:
Her skriver vi en helt vanlig body-tagg etterfulgt av onload som betyr mensLasting og til slutt advarselen. Altså så vil siden skrive ut advarselen mens den laster.<body onload="advarsel()">
<input type="button" onclick="advarsel()" value="Fremkall advarsel" />