JavaScript Utmatning

JavaScript tillhandahåller inga inbyggda skriv- eller visningsfunktioner.

JavaScript visningsplan

JavaScript kan "visa" data på olika sätt:

  • Använd window.alert() Skriv till varningsrutan
  • Använd document.write(); Skriv till HTML-utdata
  • Använd innerHTML Skriv till HTML-element
  • Använd console.log(); Skriv till webbläsarens kontrollpanel

Använd innerHTML

För att komma åt HTML-element kan JavaScript använda document.getElementById(id) metod.

id Attribut definierar HTML-element. innerHTML-attribut definierar HTML-innehåll:

Exempel

<!DOCTYPE html>
<html>
<body>
<h1>Min första webbsida</h1>
<p>Min första paragraf</p>
<p id="demo"></p>
<script>
 document.getElementById("demo").innerHTML = 5 + 6;
</script>
</body>
</html>

Prova själv

Tips:Ändra HTML-elementets innerHTML-attribut är ett vanligt sätt att visa data i HTML.

Använd document.write()

För teständamål använd document.write(); är mycket bekvämt:

Exempel

<!DOCTYPE html>
<html>
<body>
<h1>Min första webbsida</h1>
<p>Min första paragraf</p>
<script>
document.write(5 + 6);
</script>
</body>
</html>

Prova själv

Observera:efter att HTML-dokumentet har laddats helt document.write(); AnvändTa bort all befintlig HTML :

Exempel

<!DOCTYPE html>
<html>
<body>
<h1>Min första webbsida</h1>
<p>Min första paragraf</p>
<button onclick="document.write(5 + 6)">Prova</button>
</body>
</html>

Prova själv

Tips:document.write(); metoder används endast för testning.

Använd window.alert()

Du kan använda varningsrutan för att visa data:

Exempel

<!DOCTYPE html>
<html>
<body>
<h1>Min första webbsida</h1>
<p>Min första paragraf</p>
<script>
window.alert(5 + 6);
</script>
</body>
</html>

Prova själv

Använd console.log()

I webbläsaren kan du använda console.log(); metoder för att visa data.

Aktivera webbläsarens konsol genom att trycka på F12 och välja "Konsol" i menyn.

Exempel

<!DOCTYPE html>
<html>
<body>
<h1>Min första webbsida</h1>
<p>Min första paragraf</p>
<script>
console.log(5 + 6);
</script>
</body>
</html>

Prova själv