Hvad bruges script elementet til?
HTML-elementet script bruges til at indarbejde script-sprog som JavaScript, VBScript og andre til websider. Script-sprog giver webudviklere mulighed for at tilføje interaktivitet og dynamik til websider ved at udføre opgaver som at styre formularer, kontrollere input, generere output og ændre eksisterende HTML-elementer.
Script-elementet er lokaliseret i et HTML-dokument, hvor den udfører sin funktion. Det er normalt placeret i head-sektionen af HTML-dokumentet, men det kan også placeres i body-sektionen. Når scriptet er placeret i head-sektionen, udføres det, før selve HTML-dokumentet er vist. Det betyder, at du kan bruge scriptet til at ændre HTML-elementer og indhold før det er vist på siden.
Script-elementet har forskellige attributter, som du kan bruge til at specificere præcist, hvilken type script, der skal køres. Disse attributter omfatter typen, kilden og charset. Typen angiver det sprog, der skal bruges til at udføre scriptet, mens kilden angiver den kilde, der skal bruges. Charset angiver det tegnsæt, der skal bruges til at fortolke scriptet.
Script-elementet er et meget alsidigt værktøj, som kan bruges til at tilføje dynamik og kompleksitet til websider. Det giver webudviklere mulighed for at tilføje interaktivitet og dynamik til websider og gør det også muligt for dem at ændre HTML-elementer og indhold før siden er vist.
Eksempler på script
Eksempel 1:
<script type=”text/javascript”>
alert(“Hej verden!”);
</script>
Dette eksempel bruger script-elementet til at vise en pop-up-meddelelse med teksten “Hej verden!” på skærmen.
Eksempel 2:
<script type=”text/javascript”>
var navn = prompt(“Hvad er dit navn?”);
alert(“Hej ” + navn + “!”);
</script>
Dette eksempel bruger script-elementet til at vise en pop-up-meddelelse der beder brugeren om at indtaste deres navn, og viser derefter en anden pop-up-meddelelse med teksten “Hej [brugernavn]!”.
Eksempel 3:
<script type=”text/javascript”>
function sayHello() {
alert(“Hej verden!”);
}
</script>
Dette eksempel bruger script-elementet til at definere en funktion kaldet “sayHello” der viser en pop-up-meddelelse med teksten “Hej verden!”. Funktionen kan derefter kaldes fra andre steder i koden.