Grundlæggende om Javascript

• Kan 18, 2024

Javascript er en fantastisk måde at tilføje noget interaktivitet på dit websted. Med HTML alene vil dine sider være helt statiske, men hvis du kaster et par Javascript-kodestykker, kan du have et websted, der vil svare på dine besøgende 'handlinger og meget mere.

En ting, der har en tendens til at forvirre webudviklere er, at Javascript og Java lyder meget ens. De har faktisk intet til fælles! Java er et programmeringssprog, mens Javascript strengt taget er et scripting-værktøj - det er ikke rigtig komplekst nok til at blive betragtet som sit eget sprog.

Når du er klar til at tilføje noget Javascript til dit websted, har du flere muligheder. Først kan du skrive koden på sin egen side og derefter kalde den i websideens overskrift - dette fungerer meget som at tilføje en CSS-side, bortset fra at du også skal tilføje en kommando et eller andet sted i websidens hoveddel for at aktivere scriptet. For det andet kan du skrive scriptet på websidens egen header; igen, skal du tilføje noget kode til sidekroppen for at køre scriptet. Og for det tredje kan du skrive koden direkte i sidekroppen. Denne indstilling er kun mulig for meget korte manuskripter - ellers bliver du rodet op i HTML temmelig dårligt!

Uanset hvor du tilføjer din Javascript-kode, skal du fortælle browseren, at det, du skriver, skal fortolkes som Javascript. Dette gør du ved at placere koden mellem følgende tags:



For fuld HTML-overholdelse er det bedst at tilføje en attribut til scriptmærket, så dine besøgendes browsere med sikkerhed ved, at det er Javascript og ikke et andet script:



Til sidst, for at være helt på den sikre side, er det klogt at kommentere alt mellem script-tags. På den måde, hvis du har en besøgende, der tilfældigvis kører en forhistorisk browser, vil de ikke ende med en skærm fuld af skrald. Så din websides Javascript vil se sådan ud:





Og hvis du taler om kommentarer, kan du tilføje kommentarer til Javascript meget som du kan med HTML og CSS. I Javascript markeres kommentarer med // i starten af ​​linjen. Derfor vil du medtage de to skrå streger inden slutkommentaren i ovenstående eksempel.

Video Instruktioner: 4 Placering med flex box (Kan 2024).