JavaScript is een client-side scripting taal die gebruikmaakt van variabelen die zich op vrijwel dezelfde manier gedragen dat variabelen zich in andere programmeertalen gedragen. JavaScript variabelen hoeven niet te worden verklaard voor het gebruik ervan, noch hoeven zij te hebben een toegewezen type of toegewezen geheugen. U kunt JavaScript-variabelen gebruiken om waarden om te werken van de meeste objecten van webpagina's dynamisch, zoals tekst of afbeeldingen bevatten. Daarnaast maken gebruik van JavaScript om te werken van een HTML-element "innerHTML" eigenschap; Dit is een methode voor het dynamisch wijzigen van de gehele tekstvelden op de vlieg.
Wat die u nodig hebt
- Teksteditor
- Webbrowser met JavaScript ingeschakeld
Open een teksteditor en maak een nieuw bestand met de naam "changeTextVars.html." Typ zes HTML-codes in het bestand:
Opslaan "changeTextVars.html."
Plaats een JavaScript open script tag--" " tag:
Toevoegen van een JavaScript-functie tussen de " " tags met de naam "changeText()." De "changeText()"-functie neemt een variabele met de naam "monsterName" als argument:
function changeText(monsterName)
{
}
Bewerken van de "changeText"-functie. De "document.getElementById"-functie gebruiken om te wijzigen de "innerHTML" eigenschap voor het veld met de naam "textToChange." De "textToChange' veld bevat de tekst die is bijgewerkt met de variabele"monsterName":
function changeText(monsterName)
{
document.getElementById('textToChange').innerHTML = monsterName;
}
Voeg een "
"tag tussen de HTML-code"
"en""tags. Voer wat tekst waarin het bericht--zoals "mijn favoriete monster is:"-- en sluit de ""tag. Zorg ervoor dat u een spatie na de dubbele punt en voor de ""tag om te scheiden van het bericht van de dynamische tekst:function changeText(monsterName)
{
document.getElementById('textToChange').innerHTML = monsterName;
}
Mijn favoriete monster is:
Voer een open "" tag tussen de "
"en"
"tags na de" mijn favoriete monstor is: "bericht. Een 'id' toewijzen aan de "" tag en stel de waarde voor "textToChange." Typ bijvoorbeeld de tekst "Dracula" na de "" tag en sluit de "" tag:function changeText(monsterName)
{
document.getElementById('textToChange').innerHTML = monsterName;
}
Mijn favoriete monster is: Dracula
Voeg een HTML""tag na de"
"tag. Stelt u het invoertype op 'button' en voeg een evenement van de "onclick()" die de "changeText"-functie aanroept en geeft de waarde "Frankenstein". Stel het invoerveld "waarde" kenmerk "Tekst wijzigen." Opslaan en sluiten "changeTextVars.html."
function changeText(monsterName)
{
document.getElementById('textToChange').innerHTML = monsterName;
}
Mijn favoriete monster is: Dracula
Open "changeTextVars.html" in een webbrowser. Klik op de knop "Wijzigen tekst" variabele "monsterName" gebruiken om het wijzigen van het veld van de "textToChange" uit "Dracula" naar "Frankenstein".
Tips & waarschuwingen
- JavaScript variabelen hoeven niet te worden gedeclareerd voordat u ze gebruikt. Gebruik de "var" zoekwoord de eerste keer u een variabele gebruikt gebruikt is echter een goede gewoonte, als het documenten waar de variabele voor het eerst in de code is gebruikt.
- JavaScript variabelen zijn hoofdlettergevoelig en moeten beginnen met een letter of onderstrepingsteken.
- Variabelen in JavaScript hebben specifieke bereikregels.
- Als een JavaScript-variabele is reeds gedeclareerd, kunt u ze weer declareren zonder lopen in de problemen met JavaScript. Bijhouden van declaraties van variabelen en toewijzingen worden weergegeven om te voorkomen dat onverwachte resultaten en hard-to-find code bugs.