JavaScript är ett programmeringsspråk som började som ett sätt att påverka vissa element på en htmlsida. Idag har det utvecklats vidare och används till och med i en del programvaror för att sköta användargränssnittet. Det är ett ganska kraftfullt språk och kan man det bra går det att göra väldigt mycket med javascript. JavaScript har inget med det fullfjädrade programmeringsspråket Java att göra utan är ett helt eget språk. När du använder JavaScript i din webbläsare ska du komma ihåg att dina program körs i användarens webbläsare och inte på servern, detta innebär att du aldrig ska spara känslig information i dina javascriptfiler för det kan besökaren då väldigt lätt få tag på. Vad kan man göra med javascript då? - Snygga menyer.
- Verifiera att användaren har skrivit in korrekt information.
- Byta bilder.
- Texteditorer - om du har använt joomla eller wordpress ska du veta att texteditorn som du använder är javascriptbaserad.
- Ajaxapplikationer (Ajax) kommer vi att gå igenom vid ett senare tillfälle.
Javascript skrivs främst inom <script><script>-taggar, här ska vi använda oss av en inbyggd funktion som heter alert och skriva ut "Hello world" Då skriver vi såhär innanför header-taggarna: {codecitation class="brush: html; gutter: false;" width="500px"} <script type="text/javascript" language="javascript">
alert("Hello world!");
</script>
{/codecitation} problemet med den här koden är att den körs innan innehållet på din sida har laddats färdigt, detta innebär att din sida inte visas förräns du klickar på okej. Därför ska vi använda oss av något som heter "events" detta är en uppsättning händelser som vi kan nyttja oss utav. Tillsammans med detta event ska vi skapa en funktion som körs när eventet körs. I vårt fall ska vi använda oss av något som heter onload för att få till den funktionalitet vi vill ha: Först gör vi om vår javascriptkod till en funktion, en funktion är helt enkelt ett separerat stycke kod som har fått ett namn, detta innebär att vi kan köra just den koden när vi vill. Då skriver vi såhär innanför header-taggarna: {codecitation class="brush: html; gutter: false;" width="500px"} <script type="text/javascript" language="javascript">
function showMessage() { alert("Hello world!");
}
</script>
{/codecitation} Som du ser måste vi använda oss utav kodordet function detta är för att javascript ska veta att det är just en funktion vi skapar. Det ordet följs av ett namn som vi själva väljer (det får/bör inte börja med något annat tecken än a-zA-Z, alltså inte åäö eller siffror) samt tecknena '(' och ')' dessa måste skrivas ut men du behöver inte bry dig om dem just nu. Testa vi vår sida nu i en webbläsare händer ingenting. Detta är för att vi alldrig säger åt javascript att köra vår funktion därför måste vi göra ett sista tilläg och det gör vi i vår html-kod: {codecitation class="brush: html; gutter: false;" width="500px"} <body onload="showMessage();">
{/codecitation} Som du ser här använder vi eventet onload för att kalla på funktionen onload, detta gör att när vår sida har laddats då kommer funktionen showMessage att köras och inte tidigare. Detta var allt för denna introduktion, jag hoppas på att snart lägga till mer om javascript här. |
