Verschil tussen interne en externe Javascripts

Halverwege de jaren negentig creëerden de ontwikkelaars van Netscape een eenvoudige scripttaal die als hulpmiddel kon worden gebruikt om websites interactiever en aantrekkelijker te maken. Deze taal zou uiteindelijk bekend worden als Javascript. Veel gebruikers zijn zich er tegenwoordig niet van bewust dat de functies van de e-mailclient of sociale netwerkwebsite waarvan ze afhankelijk zijn, het resultaat zijn van duizenden regels van slimme en complexe Javascript-programmering.

Intern Javascript

Om Javascript-code zijn magie te laten werken, moet deze op de een of andere manier op de juiste locatie op een bepaalde webpagina worden opgenomen terwijl de pagina wordt geladen. Interne Javascript-code is code die overal op de webpagina tussen de HTML-tags wordt geplaatst. Veel webontwikkelaars kiezen ervoor om hun Javascript-code voor de tag te plaatsen.

Video van de dag

Extern Javascript

Javascript-code die in een apart bestand van de HTML-code wordt geplaatst, wordt extern Javascript genoemd. Externe Javascript-code wordt op dezelfde manier geschreven en gebruikt als interne Javascript. Het bestand zou de extensie ".js" moeten hebben, hoewel vrijwel elke andere extensie met moderne browsers werkt. Een belangrijk verschil: de externe code mag niet tussen de tags worden geplaatst, anders werkt de code niet.

De webbrowser moet weten dat hij externe code moet laden. De webpagina moet de volgende HTML-tags hebben die naar het script verwijzen:

De URL vertelt de webserver waar de Javascript-code moet worden gevonden en geladen.

Voordelen van interne Javascript

Als het aantal regels Javascript relatief klein is, laadt een webpagina met intern Javascript sneller dan pagina's die naar externe code moeten verwijzen. Dit komt omdat, wanneer de webbrowser de pagina laadt en de verwijzing naar de externe code tegenkomt, deze een afzonderlijk verzoek aan de webserver moet doen om de code op te halen.

Voordelen van extern Javascript

Als identieke code op meerdere pagina's van een website wordt gebruikt, zijn externe Javascript-bestanden nuttig. U hoeft alleen een verwijzing naar de externe code op te nemen in die pagina's die die code daadwerkelijk nodig hebben. Als de Javascript-code verandert, hoeft er maar één bestand te worden bewerkt; wijzigingen zijn direct beschikbaar voor alle pagina's die de code nodig hebben. Het opslaan van Javascript in externe bestanden maakt het ook gemakkelijker om websites te onderhouden: de pagina's zijn minder rommelig en de webontwikkelaar heeft minder regels code om door te bladeren om de nodige wijzigingen aan te brengen. Minder regels HTML-code kunnen de spiders van zoekmachines ook helpen uw site grondiger te indexeren en belangrijke trefwoorden te vinden.

Ten slotte, als een bezoeker naar een andere pagina gaat die dezelfde externe Javascript-verwijzingen bevat, tweede pagina wordt sneller geladen, omdat de browser van de gebruiker het Javascript-bestand in de cache heeft opgeslagen of opgeslagen lokaal.