JavaScript

javascript 2 - JavaScriptJavaScript 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 HTML-pagina’s toe te voegen, is het mogelijk om pagina’s meer interactie mee te kunnen geven.

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 de scripttaal en voert ook de code 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 over Webdesign;

Bezoek ook deze pagina’s binnen de Webdesign Kennisbank;

Geef een reactie

Het e-mailadres wordt niet gepubliceerd.

Visit Us On FacebookVisit Us On PinterestVisit Us On TwitterVisit Us On LinkedinCheck Our Feed