Recent Changes - Search:

Language

2009/2010

(archief) 2008/2009

Meta

edit

Les1

Theorie Web; Structuur (HTML), Vorm (CSS), > Gedraging/behavioural (Javascript) Browser-wars; DHTML, Javascript(NS)/Jscript(IE), ECMA-standard Gebruikt binnen DHTML; CSS eigenschappen aanpassen Andere toepassingen: AJAX, browser detection (bv. laden Flash objecten), Flash interactie Verschillen Javascript-Java (browser scripttaal vs compiled/plugin programmeertaal)

Praktisch Klassikaal; bekijken Youtube-javascript code; Monitoren (session), aan elkaar linken sessie gebruiker Laden Flash movies

Theorie praktisch

  • Plaatsen Javascript mbv DW (script-tag, src attribute voor extern)
  • <noscript>
  • Syntax
    • spatie is delimitor
    • semicolumn/puntcomma om statement te eindigen
    • hoofdlettergevoelig
    • comments (//, /*)
  • Variabelen
    • vars zijn verwijzingen naar een waarde (getal, text, lijst, (object))
    • getal (integer) of decimaal mbv . (8.5)
    • string (text) tussen 'aanhalingstekens'
    • lijst [ ... ] gescheiden door comma; [ 1, 2, 3]
    • type is onderling uitwisselbaar (getal/text/lijst)
  • Declaratie variabelen
    • keyword 'var'
    • declareren & initieren
    • scope (global / local (binnen function))
    • weglaten 'var'; global
  • Objecten
    • Objecten zijn herbruikbare verzamelingen functies en variabelen (associatieve arrays)
    • Ingebouwd of zelf aangemaakt
    • dot-syntax (object-oriented)
    • Navigator; browser
    • Window; venster
    • Document; document

Praktisch PS 1.1

Theorie praktisch

  • if then else elseif
    • if () {}
    • else () {}
    • else if () {}
    • else {}


In de klas gemaakte javascript;

<html>
...
<script type="text/javascript">
// one-line comment, hiermee kun je stukjes script aan/uit zetten
/* multiple line
comment */

//var bezoeker = 'Dit is een zin';
//window.alert('dit is een alert');
var zekerweten = window.confirm('weet u het zeker?');

if ( zekerweten == true ) { 
	var bezoeker = window.prompt('geef uw naam');
	document.write('Hallo ' + bezoeker);
}
else {
	document.write('Sukkel!');
}

//

/*
var bezoekersnaam = window.prompt('Dit is een alert');
document.write('Dit wordt op de pagina geschreven');
*/
</script>

</body>
</html>

  • loops
    • while (doe zolang...)
    • for (init; voorwaarde; increment)

Praktisch PS 1.2

Theorie praktisch

  • meer loops
    • for ... in ...
    • do ... while ...
  • breaking the loop
    • break
    • continue

Functions

  • declaratie
    • function name() {}
    • function name( argument ) {}
    • return
Edit - History - Print - Recent Changes - Search
Page last modified on March 03, 2009, at 11:03 PM