Home

Cursus JavaScript

Inhoudsopgave
Cursus JavaScript
Tekst laten zien
Waarschuwingsbox
Dialoogbox
Extra informatie in de statusbalk
Alle pagina's

Pagina 1 van 5

Werken met JavaScript

Om elementen op een webpagina tot leven te brengen is een scripttaal onontbeerlijk. Er zijn twee soorten scripttalen: server-site en client-side. Als server-site scripttaal wordt veelal CGI gebruikt om formulieren te versturen en om databases te raadplegen. Voor de meeste thuisgebruikers, maar ook voor professionele webontwikkelaars, zijn de client-side scripttalen van veel groter belang, omdat we daarmee dynamische webpagina's kunnen maken.

Nu staan er twee client-side scripttalen tot uw beschikking. VBScript van Microsoft en JavaScript van Netscape. Vooralsnog geniet JavaScript de voorkeur omdat deze op beide browsers werkt. VBScript, dat eenvoudiger is te leren, zal pas nuttig worden als Netscape Navigator hiermee uit de voeten kan. Dit wil evenwel niet zeggen dat u zonder horten of stoten JavaScript kunt gebruiken. De strijd tussen Netscape en Microsoft heeft er voor gezorgd dat de reus uit Redmond een soort eigen versie van JavaScript ging hanteren. Microsoft noemt deze versie van JavaScript Jscript, omdat de naam Java een gedeponeerde naam is door Sun. Wie dus met JavaScript aan de slag gaat en ingewikkelde scripts wil schrijven, moet vooral veel geduld hebben om dit script in beide browsers te laten werken.

In dit hoofdstuk wil ik u kennis laten maken met de grondbeginselen van JavaScript en niet meer dan dat. Het is dus vooral veel theorie aangevuld met een aantal praktische voorbeelden. De bedoeling die ik heb, is dat u na het lezen van dit hoofdstuk in staat bent om bestaande scripts aan te passen aan uw behoefte en dat u goede theoretische basis heeft om verder te gaan met het schrijven van scripts. Op de cd-rom vindt u een gespecialiseerde boeken lijst, die u daarbij verder kan helpen.

JavaScript implementeren
Tijd om eens aan de slag te gaan en te kijken hoe zo'n script in een bestand wordt opgenomen.

<HTML>
<HEAD>
<TITLE>De basis</TITLE>
<SCRIPT language="JavaScript">
<!-Verberg voor oudere browsers

Hier wordt de JavaScript-code geplaatst.

// Stop met verbergen -->
</SCRIPT>
</HEAD>
<BODY>
Uw document.
</BODY>
</HTML>

JavaScript-code wordt direct opgenomen in uw HTML bestand. U kunt dit doen met een gewone HTML of teksteditor. WYSIWYG editors zijn hiervoor minder geschikt, omdat die meestal niet met JavaScript overweg kunnen. Bovendien is het in deze editors moeilijk om de broncode aan te passen.
Voordat een browser in staat is om een script te herkennen moeten aan het HTML-document de tags <SCRIPT> en </SCRIPT> worden toegevoegd. Omdat er verschillende soorten scripts bestaan wordt de begin-tag veranderd in <SCRIPT language= "JavaScript">. Op die manier weet de browser dat het om JavaScript gaat. Eventueel kunt u achter JavaScript nog een versie nummer plaatsen. Op dit moment is JavaScript 1.3 de nieuwste versie. De <SCRIPT> tags kunnen zowel in de 'header' als in de 'body' van het HTML-document worden geplaatst. Oudere browsers herkennen geen JavaScript. Het zou spijtig zijn als de gebruikers van zo'n oudere browser de pagina daardoor niet kunnen opvragen. Om dit te voorkomen worden de volgende twee regels opgenomen tussen de scripts-tags:



Tussen deze twee regels wordt de JavaScript-code geplaatst. De twee genoemde regels staan tussen de HTML-commentaar tags. Hierdoor wordt de tekst niet afgebeeld in browsers die geen JavaScript herkennen. Omdat JavaScript de tweede regel na de commentaar-tag als code leest, moet ook hier worden aangegeven dat het om commentaar gaat. Binnen JavaScript wordt één regel commentaar aangegeven door de zin te laten beginnen met twee slashes (//).
Als u de bezoeker van uw pagina nog beter van dienst wil zijn, dan gebruikt u ook nog het element NOSCRIPT. De tekst die tussen deze elementen wordt geplaatst, wordt dan zichtbaar in browsers die geen JavaScript ondersteunen.

<HTML>
<HEAD>
<TITLE>De basis</TITLE>
<SCRIPT language="JavaScript">
<!-Verberg voor oudere browsers

Hier wordt de JavaScript-code geplaatst.

// Stop met verbergen -->
</SCRIPT>
<NOSCRIPT>
Als u deze pagina's wilt zien dan moet u een andere browser gebruiken. U kunt deze browser downloaden van ........
</NOSCRIPT>
</HEAD>
<BODY>
Uw document.
</BODY>
</HTML>

In het voorbeeld gaan we er vanuit dat de broncode direct in het HTML-document wordt opgenomen. U kunt er ook voor kiezen om veel gebruikte definities op te slaan in een apart tekstbestand. Het voordeel hiervan is dat de code niet iedere keer opnieuw hoeft te worden ingetikt bij het maken van een nieuw HTML-document. Wilt u zo'n bestand maken, dan moet u het script opslaan met het achtervoegsel (extensie) .js. Vervolgens kan hiernaar in de script-tag worden verwezen.

<SCRIPT language="JavaScript" src="/script.js"></SCRIPT>
De ruimte tussen de tags kan leeg blijven.

Vorige - Volgende >>

Lente Actie!

Omdat het lente is, vieren we feest! We geven daarom alleen in de lente 50 euro korting op alle basistrainingen van Avid Studio, Magix Video deluxe, Sony Vegas Movie Studio en Adobe Premiere Elements.

U betaalt dus geen 149 euro per trainingsdag, maar 99 euro. Schrijf je snel in, want er zijn maar een beperkt aantal plaatsen beschikbaar!

Cursussen en trainingen

Dvscene geeft trainingen en cursussen in het trainingscentrum van Iscenes multimedia.

Er zijn verschillende cursussen per pakket voor beginners en gevorderden. U kunt zich inschrijven voor de volgende cursussen en trainingen:

Cursus JavaScript

Werken met JavaScript

Lente Actie!

Cursussen en trainingen

Testimonials

Populair

Techniek

HD

Tutorials

Video montage