wyjście JavaScript

JavaScript nie ma żadnych funkcji drukowania lub wyjściowych.

JavaScript wyświetla dane

JavaScript może dane wyjściowe w różny sposób:

  • Użyj window.alert () okno ostrzeżenia pop-up.
  • Stosując metodę document.write (), aby zapisać zawartość dokumentu HTML.
  • Korzystanie innerHTML napisać elementy HTML.
  • Użyj console.log () jest napisane na konsolę przeglądarki.

Użyj window.alert ()

Można pojawi się okno z ostrzeżeniem, aby wyświetlić dane:

Przykłady

<! DOCTYPE html>
<Html>
<Body>

<H1> Moja pierwsza strona </ h1>
<P> Mój pierwszy akapit. </ P>

<Script>
window.alert (5 + 6);
</ Script>

</ Body>
</ Html>

Spróbuj »

Manipulować elementów HTML

Aby uzyskać dostęp do elementu HTML z JavaScript, można użyć metodydocument.getElementById(id).

Proszę użyć atrybutu "id" w celu identyfikacji elementów HTML i innerHTML otrzymać treść lub wstawić elementy:

Przykłady

<! DOCTYPE html>
<Html>
<Body>

<H1> Moja pierwsza strona internetowa </ h1>

<P id = "demo"> Mój pierwszy akapit </ p>

<Script>
document.getElementById ( "demo") innerHTML = "paragraf został zmodyfikowany pl";
</ Script>

</ Body>
</ Html>

Spróbuj »

Oświadczenia Więcej JavaScript (w tagu <script>) mogą być wykonywane w przeglądarce internetowej:

document.getElementById ( "demo") jest użycie atrybutu id znaleźć elementy HTML kod JavaScript.

innerHTML = "paragraf został zmodyfikowany." służy do modyfikowania zawartości elementu HTML (innerHTML) Kod JavaScript.


W tym poradniku

W większości przypadków, w tym tutorialu użyjemy metod opisanych powyżej w celu wyjścia:

Poniższy przykład bezpośrednio do id = "demo" elementu <p> jest zapisywany w dokumencie wyjściowym HTML:


Zapisuje dokument HTML

Dla celów testowych można bezpośrednio pisać JavaScript w dokumencie HTML:

Przykłady

<! DOCTYPE html>
<Html>
<Body>

<H1> Moja pierwsza strona internetowa </ h1>

<P> Mój pierwszy akapit. </ P>

<Script>
document.write (Date ());
</ Script>

</ Body>
</ Html>

Spróbuj »

uwaga

Proszę używać document.write () po prostu pisanie treści do produkcji dokumentów.

Jeśli nie document.write po zakończeniu ładowania dokumentu, cała strona HTML zostanie zastąpiony.


Przykłady

<! DOCTYPE html>
<Html>
<Body>

<H1> Moja pierwsza strona internetowa </ h1>

<P> Mój pierwszy akapit. </ P>

<Button onclick = "myFunction () "> Punkt I </ button>

<Script>
Funkcja myFunction () {
document.write (Date ());
}
</ Script>

</ Body>
</ Html>

Spróbuj »


Wpisany do konsoli

Jeżeli Twoja przeglądarka obsługuje debugowania metody console.log () można użyć do wyświetlania wartości JavaScript w przeglądarce.

Przeglądarka wykorzystanie F12, aby włączyć tryb debugowania, okno debugowania, kliknij na menu "Konsola".

Przykłady

<! DOCTYPE html>
<Html>
<Body>

<H1> Moja pierwsza strona internetowa </ h1>

<Script>
a = 5;
b = 6;
C = A + B;
console.log (C);
</ Script>

</ Body>
</ Html>

Spróbuj »

Zrzut ekranu konsoli Przykłady:


Czy wiesz?

uwaga Debugowanie testuje program do znajdowania i zmniejszenia (błąd) proces błędzie.