JavaScript nie ma żadnych wbudowanych funkcji drukowania lub wyświetlania.
Możliwości wyświetlania JavaScript
JavaScript może "display" dane w różny sposób:
- Pisanie w okienku ostrzeżenia, używając window.alert() .
- Pisanie do wyjścia HTML za pomocą document.write() .
- Pisząc do elementu HTML, używając innerHTML .
- Pisząc do konsoli przeglądarki, korzystając console.log() .
Korzystanie window.alert()
Można użyć powiadomienie pole, aby wyświetlić dane:
Przykład
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
window.alert(5 + 6);
</script>
</body>
</html>
Spróbuj sam " Korzystanie z document.write()
Dla celów testowych, jest wygodny w użyciu document.write() :
Przykład
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
document.write(5 + 6);
</script>
</body>
</html>
Spróbuj sam " Korzystanie z document.write() po dokument HTML jest w pełni załadowany, spowoduje usunięcie wszystkich istniejących HTML:
Przykład
<!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>
Spróbuj sam " document.write() metoda powinna być stosowane tylko do badania.
Korzystanie innerHTML
Aby uzyskać dostęp do elementu HTML, JavaScript może używać document.getElementById(id) metody.
id atrybut definiuje element HTML. innerHTML właściwość określa zawartość HTML:
Przykład
<!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>
Spróbuj sam " "Dane display" w HTML, (w większości przypadków) można ustawić wartość w innerHTML nieruchomości.
Korzystanie console.log()
W przeglądarce można użyć console.log() metody do wyświetlania danych.
Aktywuj konsolę przeglądarki z F12 i wybierz "Konsola" w menu.
Przykład
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
console.log(5 + 6);
</script>
</body>
</html>
Spróbuj sam "