Forskellen mellem interne og eksterne Javascripts

I midten af ​​1990'erne skabte udviklere hos Netscape et simpelt scriptsprog til brug som et værktøj til at gøre websteder mere interaktive og engagerende. Dette sprog ville i sidste ende blive kendt som Javascript. Mange brugere i dag er ikke klar over, at funktionerne i e-mail-klienten eller det sociale netværkswebsted, de er afhængige af, er resultatet af tusindvis af linjer med smart og kompleks Javascript-programmering.

Internt Javascript

For at Javascript-koden kan virke magisk, skal den på en eller anden måde inkorporeres på den rigtige placering på en bestemt webside, når siden indlæses. Intern Javascript-kode er kode, der er placeret hvor som helst på websiden mellem HTML-tags. Mange webudviklere vælger at placere deres Javascript-kode før tagget.

Dagens video

Ekstern Javascript

Javascript-kode placeret i en fil adskilt fra HTML-koden kaldes ekstern Javascript. Ekstern Javascript-kode skrives og bruges på samme måde som intern Javascript. Filen skal have filtypenavnet ".js", selvom stort set alle andre udvidelser fungerer med moderne browsere. En vigtig forskel: Den eksterne kode må ikke placeres mellem tags, ellers vil koden ikke fungere.

Webbrowseren skal vide, at den skal indlæse ekstern kode. Websiden skal have følgende HTML-tags, der refererer til scriptet:

URL'en fortæller webserveren, hvor den skal finde og indlæse Javascript-koden.

Fordele ved internt Javascript

Hvis antallet af linjer med Javascript er relativt lille, indlæses en webside med intern Javascript hurtigere end sider, der skal referere til ekstern kode. Dette skyldes, at når webbrowseren indlæser siden og støder på referencen til den eksterne kode, skal den lave en separat anmodning til webserveren om at hente koden.

Fordele ved eksternt Javascript

Hvis identisk kode bruges på flere sider af et websted, er eksterne Javascript-filer fordelagtige. Du behøver kun at inkludere en reference til den eksterne kode på de sider, der faktisk kræver den kode. Hvis Javascript-koden ændres, skal kun én fil redigeres; ændringer er øjeblikkeligt tilgængelige for alle sider, der har brug for koden. Lagring af Javascript i eksterne filer gør det også nemmere at vedligeholde hjemmesider: Siderne er mindre rodede, og webudvikleren har færre linjer kode at vade igennem for at foretage nødvendige redigeringer. Færre linjer HTML-kode kan også hjælpe søgemaskinespiders til at indeksere dit websted mere grundigt og finde vigtige søgeord.

Endelig, hvis en besøgende flytter til en anden side, der indeholder de samme eksterne Javascript-referencer, anden side indlæses hurtigere, fordi brugerens browser vil have cachelagret eller gemt Javascript-filen lokalt.