Hem Personliga finanser JavaScript för dummies Cheat Sheet - dummies

JavaScript för dummies Cheat Sheet - dummies

Video: Learn Javascript Syntax For Dummies 2024

Video: Learn Javascript Syntax For Dummies 2024
Anonim

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:

JavaScript för dummies Cheat Sheet - dummies

Redaktörens val

Hur man redigerar bilder i Redigera snabbläge för Photoshop Elements 9 - dummies

Hur man redigerar bilder i Redigera snabbläge för Photoshop Elements 9 - dummies

I Photoshop Element, Redigera Snabbt läge är en uppskattad version av Redigera fullt läge som ger grundläggande fixverktyg tillsammans med några unika funktioner, till exempel en förhandsgranskning av bilden. Här är ett steg för steg arbetsflöde som du kan följa i Redigera snabbläge för att reparera dina foton: Välj ett eller flera foton i ...

Hur man redigerar i Photoshop Elements 10: s Snabb Fotoredigeringsläge - dummies

Hur man redigerar i Photoshop Elements 10: s Snabb Fotoredigeringsläge - dummies

Snabb Fotoredigering är en uppskattad version av Full Photo Edit-läge som bekvämt ger grundläggande fixeringsverktyg och kastar i några unika egenskaper, till exempel en förhandsgranskning av bilden. Här är ett steg för steg arbetsflöde som du kan följa i Quick Photo Edit-läget för att reparera dina foton:

Hur man förbättrar Photoshop Elements-bilder med Photo Effects - dummies

Hur man förbättrar Photoshop Elements-bilder med Photo Effects - dummies

Fotoeffekter i Photoshop Elements 11 fungerar som applicera filter; medan dialogrutan Filtreringsgalleri ger dig många alternativ för att tillämpa ett filter, ger den guidade panelen dig filtereffekter och tar dig genom steg för att justera ljusstyrka, ändra färgton och mättnad och göra andra justeringar för att perfekta resultatet. Du ...

Redaktörens val

Hur man tar bort bilder från din Canon EOS 7D Mark II - dummies

Hur man tar bort bilder från din Canon EOS 7D Mark II - dummies

När du granskar en bild, bestämmer du om det är en målvakt. Om du tittar på en bild på din Canon EOS 7D Mark II, gillar du inte bilden av någon anledning kan du radera det. Men borttagning av bilder måste ske med stor försiktighet eftersom uppgiften inte kan ångras. När du har raderat en ...

Hur man redigerar filmer på en Canon EOS 60D - dummies

Hur man redigerar filmer på en Canon EOS 60D - dummies

60D Edit-funktionen gör det härligt enkelt för att ta bort oönskade delar från början eller slutet av en film direkt på din kamera. Denna ombordredigering är praktisk men grundläggande, så förvänta dig inte mirakel. Här är de enkla stegen för att trimma början eller slutet på en film: Klicka på ikonen Redigera (det ser ut ...

Redaktörens val

Hur man arbetar med text i ett Word 2010-tabell - dummies

Hur man arbetar med text i ett Word 2010-tabell - dummies

Text hinner i ett bord i Word 2010 på en cell-vid-cell basis. Varje cell i ett Word-bord kan ha ett eget styckeformat och en egen uppsättning flikar. Grupper av celler, rader och kolumner och hela tabellen kan väljas och formateras samtidigt, om du vill. All standardtext ...

Hur man arbetar med Word 2010: s decimala flik - dummies

Hur man arbetar med Word 2010: s decimala flik - dummies

Du kan använda decimalfliken i Word 2010 till rad upp kolumner av siffror. Även om du kan använda en rätt flik för att göra detta jobb är decimalfliken ett bättre val. I stället för högerjusterad text, som den högra fliken gör, justerar decimalfliken siffror efter deras decimaldel - perioden i ...

Hur man arbetar med flera Word 2010-dokument på samma gång - dummies

Hur man arbetar med flera Word 2010-dokument på samma gång - dummies

O saker Word 2010 kan göra med dokument! Du kan öppna flera Word-dokument samtidigt och arbeta på mycket av dem, växla mellan de olika öppna dokumenten. Öppnar flera Word-dokument samtidigt Det är inte en fråga om hur Word kan fungera på mer än ett dokument åt gången. Nej, ...