JavaScript

JavaScript | Webdesign KennisbankJavaScript is een programmeertaal die veel gebruikt wordt om webpagina’s interactief te maken en om webprogramma’s mee te maken. Het uitzetten (uitschakelen) van dit script wordt daarom niet aangeraden.

Het is de gescripte programmeertaal die voor websites worden gebruikt. Door het gebruik van het script aan HTMLpagina’s toe te voegen, is het mogelijk om pagina’s meer interactie mee te kunnen geven, die anders met alleen HTML niet mogelijk is.

Programmeertaal voor Dynamische Webpagina’s;

Het is de programmeertaal die het meest gebruikt wordt om zogeheten dynamische webpagina’s te maken. Het is dus een taal die voor interactie met de gebruiker zorgt. Dit allemaal wordt uitgevoerd door de webbrowser. Net zoals de browser die HTML en CSS leest en daar een webpagina van bouwt, leest de browser ook het script en voert die code ook uit.

JavaScript is net zoals HTML en CSS gewoon platte tekst. Je kunt dus niet een tekstverwerker zoals Microsoft Word gebruiken. Gebruik gewoon dezelfde editor die je ook voor HTML en CSS gebruikt (bijvoorbeeld: Adobe Dreamweaver of KompoZer)

De JavaScript voeg je als volgt in je HTML-pagina toe;

<!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” xml:lang=”nl”
lang=”nl”>
<head>
<title>Script invoegen</title>
<style type=”text/css”>
/* Even ter kennisgeving, zo kun je CSS toevoegen */
<body>
</style>
<script type=”text/javascript”>Script komt hier</script>
</head>
<body>
<p></p>
</body>
</html>

Hiervoor gebruik je dus een HTML-tag, namelijk de script-tag. De script-tag heeft enkel 1 attribuut nodig, welk type script er tussen staat. Dat is eigenlijk altijd wel JavaScript, dus daar moet je dan ook altijd gewoon “text/javascript” invullen.

CSS bestanden worden als volgt in de in HTML -pagina aangegeven;

<link rel=”stylesheet” type=”text/css” href=”mijn_stijlblad.css” />

In de HTML-pagina wordt dit als volgt ingevuld;

<!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” xml:lang=”nl”
lang=”nl”>
<head>
<title>Webdesign Kennisbank</title>
<link rel=”stylesheet” type=”text/css” href=”mijn_stijlblad.css” />
</head>
<body>
</body>
</html>

Website-tip over JavaScript; www.javascript.com