Video: Learn Javascript Syntax For Dummies 2024
JavaScript öppnar webbsidor för dig så att du kan lägga till interaktiva funktioner och de användarvänliga detaljerna. Naturligtvis måste du veta hur du anpassar JavaScript till befintlig kod och vad du vill mata in för att få de effekter du vill ha. Och när saker inte fungerar bra kan du behöva lite hjälp med att felsöka problemet för att komma tillbaka på rätt spår.
JavaScript Objekt Villkor
JavaScript är ett objektbaserat språk. För att förstå hur man ska interagera med dokumentobjektmodellen du arbetar med i JavaScript måste du förstå vissa grundläggande objektrelaterade termer. I följande tabell visas de som du troligen kommer att hitta mest användbara:
Term | JavaScript exempel |
---|---|
Ett objekt är en sak (substantiv). | En knapp är ett objekt. |
Du kan beskriva ett objekt med adjektiv
(egenskaper) . |
Ett knappobjekt har ett namn på namn och en . |
Ett objekt kan göra saker (metoder) . | Ett knappobjekt kan klicka (). |
Ett objekt kan svara på händelser (händelsehanterare) . | En knapp kan känna igen när den har klickats på
( onClick ) . |
Skapa en hyperlänk, ladda en webbsida och mer med JavaScript
JavaScript hjälper dig att inkludera alla sorters roliga och interaktiva element på en webbsida och i följande tabell visas hur du gör vilka typer av uppgifter du vill kunna göra med JavaScript. Oavsett om du vill ladda en webbsida eller kopiera någon kod, kolla på hur du gör det här:
Gör detta | Gör det i Navigator | Gör det här i Internet Explorer |
---|---|---|
Ladda en JavaScript-aktiverad Webbsida | Dubbelklicka på ikonen Navigator för en fil på din maskin;
eller Arkiv → Öppna sida |
Fil → Öppna |
Titta på någon annans JavaScript-kod | Visa → Sidkälla | Visa → Källa |
Hitta en JavaScript-relaterad nyhetsgrupp | Fönster → Mail & Newsgroups | Verktyg → Mail och Nyheter → Läs nyheter |
Kopiera och klistra in någon annans JavaScript-kod | Ctrl + C för att kopiera; Ctrl + V för att klistra in | Ctrl + C för att kopiera; Ctrl + V att klistra in |
Skapa en hyperlänk | … | … |
Skapa en HTML-blankett | … | … |
Felsökning av JavaScript
JavaScript är ett underbart verktyg att använda för att skapa intressanta och interaktiva webbsidor. Men en gång i taget fungerar ingenting och du har ingen aning om var du ska börja få saker att flytta igen. Oroa dig inte; ta en titt på följande lista för tips om vad du ska göra för att komma tillbaka på rätt spår (prova dem i den här ordningen):
-
Är din webbläsare installerad och konfigurerad korrekt, inklusive dina kommunikationsspår?
-
Är JavaScript aktiverat?
Från Navigator: Välj Redigera → Inställningar → Avancerat → Skript & Plugins och markera kryssrutan Aktivera JavaScript för navigator.
Från Internet Explorer:
-
Välj Verktyg → Internetalternativ och klicka på fliken Säkerhet
-
Klicka på knappen Anpassad nivå
-
Bläddra tills Scripting-kategorin visas
-
Välj Aktivera alternativknappen för dessa alternativ: Active Scripting; Tillåt Paste Operations Via Script; och Scripting of Java Applets
-
-
Finns alla dina JavaScript-uttalanden mellan och taggar (förutom JavaScript-förklaringar kopplade till händelsehanterare, som inte behöver vara)?
-
Fungerar din HTML-fil som den ska i sig själv om du raderar dina JavaScript-uttalanden?
-
Börjar namnen på dina JavaScript-variabler alla med ett alfabetiskt tecken (eller ett understreck)?
JavaScript Basic Cross-Browser Dokumentobjektmodell
Liksom något annat språk har JavaScript sin egen grammatik och syntax - regler som du måste följa för att förstås. Följande dokumentobjekthierarki listar de inbyggda objekten du kan arbeta med i JavaScript-sidan på klientsidan, tillsammans med deras relationer till varandra: