JavaScript Uddata

JavaScript tilbyder ingen indbyggede print- eller visningsfunktioner.

JavaScript visningsskema

JavaScript kan "vise" data på forskellige måder:

  • brug af window.alert() skrive til advarselsboks
  • brug af document.write(); skrive til HTML-udskrift
  • brug af innerHTML skrive til HTML-elementet
  • brug af console.log(); skrive til browserens konsol

brug af innerHTML

For at få adgang til HTML-elementer kan JavaScript bruge document.getElementById(id) metode.

id Egenskaber definerer HTML-elementer. innerHTML-egenskaben definerer HTML-indhold:

Eksempel

<!DOCTYPE html>
<html>
<body>
<h1>Min første webside</h1>
<p>Min første afsnit</p>
<p id="demo"></p>
<script>
 document.getElementById("demo").innerHTML = 5 + 6;
</script>
</body>
</html>

Prøv det selv

Bemærk:Ændre HTML-elementets innerHTML-egenskab er en almindelig metode til at vise data i HTML.

Brug af document.write()

For testformål brug document.write(); er meget praktisk:

Eksempel

<!DOCTYPE html>
<html>
<body>
<h1>Min første webside</h1>
<p>Min første afsnit</p>
<script>
document.write(5 + 6);
</script>
</body>
</html>

Prøv det selv

Bemærk:efter at HTML-dokumentet er fuldt indlæst document.write(); BrugFjern al eksisterende HTML :

Eksempel

<!DOCTYPE html>
<html>
<body>
<h1>Min første webside</h1>
<p>Min første afsnit</p>
<button onclick="document.write(5 + 6)">Prøv det</button>
</body>
</html>

Prøv det selv

Bemærk:document.write(); metoder bruges kun til testformål.

Brug af window.alert()

Du kan bruge advarselsbokse til at vise data:

Eksempel

<!DOCTYPE html>
<html>
<body>
<h1>Min første webside</h1>
<p>Min første afsnit</p>
<script>
window.alert(5 + 6);
</script>
</body>
</html>

Prøv det selv

Brug af console.log()

I browseren kan du bruge console.log(); metoder til at vise data.

Aktiver browserens konsol ved at trykke F12 og vælg "Konsol" i menuen.

Eksempel

<!DOCTYPE html>
<html>
<body>
<h1>Min første webside</h1>
<p>Min første afsnit</p>
<script>
console.log(5 + 6);
</script>
</body>
</html>

Prøv det selv