Beginnen met JavaScript
JavaScript
JavaScript word vooral gebruikt in websites om je site wat actiever te maken, dit
is ook in sitemasters verwerkt, wanneer je je avatar op sitemasters wilt verwijderen krijg je ook een JavaScript melding,
deze luidt
| Ben je heel zeker dat je je avatar wilt verwijderen? |
De beginselen.
Om te beginnen: JS is hoofdlettergevoelig dus als je al naar de
tutorial van Joël hebt gekeken,
dan weet je waarschijnlijk dat je nooit een fout als onload schrijft in plaats van onLoad, het is namelijk met een hoofdletter
L.
Als je wilt beginnen met JavaScript zul je moeten beginnen met:
<Script language="JavaScript">
//de volgende codes die volgen
</script> |
In PHP en andere scripttalen is dit hetzelfde.
Variabelen
Het is ook fout wanneer je de variabelen schrijft zonder hoofdletter, zoals bij Slaap en slaap hierdoor zal je script niet werken.
Hieronder zie je een script waarbij je kunt zien wat er fout aan is, dit is aangegeven doordat het vergedrukt is, daaronder staat een goed
geschreven script:
<Script language="JavaScript">
var Slaap;
slaap=prompt("Hoeveel uur slaap je per dag? ", "Vul hier in hoelang je slaapt per dag (aantal uren)");
document.write("Je slaapt maar " + Slaap + " uur, dat is niet zo lang!");
</script>
|
Zoals je misschien ziet heb ik Slaap in de 3de regel als slaap geschreven, dit is fout, het script dat hieronder staat is wel goed:
<Script language="JavaScript">
var Slaap;
Slaap=prompt("Hoeveel uur slaap je per dag? ", "Vul hier in hoelang je slaapt per dag (aantal uren)");
document.write("Je slaapt maar " + Slaap + " uur, dat is niet zo lang!");
</script>
|
Zoals je misschien ziet is na elk statement een puntkomma gezet (;), dit is niet persé nodig maar het is toch wel zo overzichtelijk.
Scripts laden.
De volgorde waarmee je scripts laad licht aan de plek waar je ze in zet, als je ze in het Head gedeelte zet, zul je merken dat het script dat je daarin hebt gezet als eerste zult openen.
Wanneer je het in de Body zet dan zal dit script laden nadat het script in de Head
zich heeft geladen.
Dit zul je ook merken als je het volgende script gebruikt:
| <html><head>
<Script language="JavaScript">
window.alert ("Dit is het 1ste alert dat laad!");
</script>
</head><body>
<Script language="JavaScript">
window.alert ("Dit is het 2de alert dat laad!");
</script>
</body>
</html>
|
Windows.
Een van de meest handige, maar ook meest gebruikte javascript toepassingen zijn de windows. Je hebt de prompt-, alert- en confirm- windows.
Deze grbruik je met de volgende codes:
window.alert
window.confirm
window.prompt |
De alert- en prompt window- hebben we al gehad dus dan gaan we nu beginnen aan de laatste, de confirm window.
Een confirm window wordt meestal gebruikt na een promt window, voer dus de volgende prompt code en direct daarna de confirm code.
| Naam = window.prompt ("Vul hier alsjeblieft je naam in. ", ">> Hier <<")
|
Vervolgens de confirm code:
if (window.confirm ("Wil je je naam nog wijzigen?") )
{
Naam = window.prompt ("Vul hier alsjeblieft je naam goed in! ", Naam)
}
else
{
window.alert ("Da's ten minste in 1x")
} |
Als het goed is dan zou je nu een heel eind moeten komen met je eerste stap naar JavaScript.
RinkXing
|
Wat is jouw favoriete javascript framework? (S: 18, R: 2)
