Script Insluiten In Html

Inhoudsopgave:

Script Insluiten In Html
Script Insluiten In Html

Video: Script Insluiten In Html

Video: Script Insluiten In Html
Video: 6 урок по HTML - скрипты / 6 lesson on HTML - scripts 2024, December
Anonim

HTML is een opmaaktaal voor webpagina's die verantwoordelijk is voor het weergeven van grafische en tekstuele elementen. Het kan ook worden gebruikt om scripts toe te passen die in verschillende programmeertalen zijn geschreven. Een speciaal element wordt gebruikt om een script in HTML in te voegen.

Script insluiten in html
Script insluiten in html

instructies:

Stap 1

De code kan in de pagina worden ingevoegd, zowel in de hoofdtekst van het document als in de sectie. U kunt een onbeperkt aantal elementen gebruiken om actieve inhoud toe te voegen. Het belangrijkste is dat de toegevoegde scripts de weergave van de hoofdinhoud niet verstoren. Om HTML-code te bewerken, opent u uw pagina in een teksteditor. Webmasters gebruiken meestal programma's die descriptoren in hun functionaliteit hebben gemarkeerd: Notepad ++, Web Development Studio, HTML Reader. Het benodigde bestand kan ook worden geopend met de standaard Kladblok-applicatie van het Windows-besturingssysteem.

Stap 2

Voer in het teksteditorvenster de HTML-code in. Om bijvoorbeeld JavaScript in een pagina te injecteren, gebruikt u de volgende opdracht:

Code om uit te voeren

De opgegeven code wordt uitgevoerd bij het laden van de pagina en wordt uitgevoerd binnen de descriptor. In dit geval laat de parameter type de handler weten dat de JavaScript-programmeertaal als volgende zal worden gebruikt.

Stap 3

Om ervoor te zorgen dat het script een specifieke gebeurtenis kan verwerken, bijvoorbeeld wanneer er op een knop wordt gedrukt, moet deze in een functie worden ingevoegd. Geef in de sectie de scriptcode op:

FunctieweergaveDatum ()

{document.getElementById ("uitvoeren") innerHTML = Datum (); }

Deze JavaScript-code is verantwoordelijk voor het weergeven van de huidige tijd op de pagina, maar om deze op de monitor weer te geven, moet u een extra opdracht invoeren om de tekst te verwerken die tijdens de bewerking wordt gegenereerd.

Stap 4

Maak in de hoofdtekst van het document met HTML een knop die verantwoordelijk is voor het activeren van het element:

Show Time

Met deze code wordt een JavaScript-handlerknop gemaakt. Nadat u erop hebt geklikt, wordt het resultaat van het script weergegeven.

Stap 5

Om in HTML een extern scriptprogramma op te nemen dat zich in een specifiek bestand bevindt, moet u de volgende code uitvoeren:

Eenmaal uitgevoerd, wordt het gespecificeerde script met de naam file.js op de pagina opgenomen. Het is vermeldenswaard dat het externe bestand geen elementen mag bevatten voor een succesvolle toevoeging.

Aanbevolen: