JavaScript NON ha alcun built-in funzioni di stampa o la visualizzazione.
JavaScript possibilità di visualizzazione
JavaScript può dati "display" in modi diversi:
- Scrivendo in una finestra di avviso, utilizzando window.alert() .
- La scrittura in output HTML usando document.write() .
- Scrivendo in un elemento HTML, utilizzando innerHTML .
- Scrivendo nella console del browser, utilizzando console.log() .
Utilizzando window.alert()
È possibile utilizzare una finestra di avviso per visualizzare i dati:
Esempio
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
window.alert(5 + 6);
</script>
</body>
</html>
Prova tu stesso " Utilizzando document.write()
Per scopi di test, è conveniente usare document.write() :
Esempio
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
document.write(5 + 6);
</script>
</body>
</html>
Prova tu stesso " Utilizzando document.write() dopo un documento HTML è a pieno carico, cancellerà tutti HTML esistente:
Esempio
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<button onclick="document.write(5 + 6)">Try it</button>
</body>
</html>
Prova tu stesso " Il document.write() metodo deve essere utilizzato solo per il test.
utilizzando innerHTML
Per accedere a un elemento HTML, JavaScript può utilizzare il document.getElementById(id) metodo.
L' id attributo definisce l'elemento HTML. La innerHTML proprietà definisce il contenuto HTML:
Esempio
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My
First Paragraph</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 5 + 6;
</script>
</body>
</html>
Prova tu stesso " Per "dati di visualizzazione" in HTML, (nella maggior parte dei casi) si imposterà il valore di una innerHTML proprietà.
Utilizzando console.log()
Nel browser, è possibile utilizzare la console.log() metodo per visualizzare i dati.
Attivare la console browser con F12, e selezionare "Console" nel menu.
Esempio
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
console.log(5 + 6);
</script>
</body>
</html>
Prova tu stesso "