JavaScript

Blog > Kennisbank > JavaScriptjavascript 2 - JavaScript

JavaScript 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 zou zijn.

Dynamische Programmeertaal

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 zo in de in een 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>

Bezoek ook deze pagina’s in de Kennisbank;

Geef een reactie

Het e-mailadres wordt niet gepubliceerd.