Video: Learn Javascript Syntax For Dummies 2024
JavaScript åpner websider for deg slik at du kan legge til interaktive funksjoner og de brukervennlige berøringene. Selvfølgelig må du vite hvordan du skal tilpasse JavaScript til eksisterende kode og hva du skal skrive for å få effektene du vil ha. Og når det ikke fungerer bra, trenger du kanskje litt hjelp til å feilsøke problemet for å komme tilbake på sporet.
JavaScript Objektbetingelser
JavaScript er et objektbasert språk. For å forstå hvordan du samhandler med dokumentobjektmodellen du jobber med i JavaScript, må du forstå noen grunnleggende objektrelaterte termer. Følgende tabell viser de som du sannsynligvis vil finne mest nyttige:
| Term | JavaScript eksempel |
|---|---|
| En objekt er en ting (substantiv). | En knapp er en gjenstand. |
| Du kan beskrive et objekt med adjektiver
(egenskaper) . |
Et knappobjekt har en navn og en -type. |
| Et objekt kan gjøre ting (metoder) . | Et knappobjekt kan klikk (). |
| Et objekt kan svare på hendelser (hendelseshåndterere) . | En knapp kan gjenkjenne når den er klikket
( onClick ) . |
Opprett en hyperkobling, legg inn en webside og mer med JavaScript
JavaScript hjelper deg med å inkludere alle mulige morsomme og interaktive elementer på en nettside, og følgende tabell viser deg hvordan du gjør hvilke oppgaver du vil kunne gjøre med JavaScript. Enten du vil laste inn en nettside eller kopiere noen kode, kan du sjekke hvordan du gjør det her:
| Gjør dette | Gjør dette i Navigator | Gjør dette i Internet Explorer |
|---|---|---|
| Legg inn en JavaScript-aktivert Webside | Dobbeltklikk på Navigator-ikonet til en fil på maskinen din;
eller Arkiv → Åpne side |
Fil → Åpne |
| Se på andres JavaScript-kode | Vis → Sidekilde | Vis → Kilde |
| Finn en JavaScript-relatert nyhetsgruppe | Vindu → Mail og nyhetsgrupper | Verktøy → E-post og nyheter → Les nyheter |
| Kopier og lim inn andres JavaScript-kode | Ctrl + C for å kopiere; Ctrl + V for å lime inn | Ctrl + C for å kopiere; Ctrl + V for å lime inn |
| Opprett en hyperkobling | … | … |
| Opprett et HTML-skjema | … | … |
Feilsøking av JavaScript
JavaScript er et flott verktøy for bruk for å skape interessante og interaktive nettsider, men hver gang en gang virker ingenting, og du har ingen anelse om hvor du skal begynne å få ting til å bevege seg igjen. Ikke vær redd; ta en titt på følgende liste for tips om hva du skal gjøre for å komme tilbake på sporet (prøv dem i denne rekkefølgen):
-
Er nettleseren din installert og konfigurert riktig, inkludert kommunikasjonsutstyr?
-
Er JavaScript aktivert?
Fra Navigator: Velg Rediger → Innstillinger → Avansert → Skript og plugger og merk av for Aktiver JavaScript for Navigator.
Fra Internet Explorer:
-
Velg Verktøy → Alternativer for Internett og klikk på kategorien Sikkerhet
-
Klikk på Tilpasset nivå-knappen
-
Bla ned til Skriptkategorien vises
-
Velg Aktiver radioknapp for disse alternativene: Active Scripting; Tillat Paste Operations Via Script; og skripting av Java-applets
-
-
Er alle JavaScript-setningene dine mellom og tagger (unntatt JavaScript-setninger knyttet til hendelsesbehandlere, som ikke må være)?
-
Fungerer HTML-filen din som den skal i seg selv hvis du sletter JavaScript-setningene dine?
-
Begynner navnene på JavaScript-variablene dine med et alfabetisk tegn (eller et understreke)?
JavaScript Basic Cross-Browser Document Object Model
Som alle andre språk har JavaScript sin egen grammatikk og syntaks - regler du må følge for å bli forstått. Det følgende dokumentobjekt-hierarkiet viser de innebygde objekter du kan jobbe med på JavaScript-siden på klientsiden, sammen med deres forhold til hverandre:
