1. Home
  2. wyjście JavaScript

Najlepszy samouczek wyjście JavaScript W 2024 r. W tym samouczku możesz dowiedzieć się JavaScript wyświetla dane,Użyj window.alert (),Manipulować elementów HTML,Przykłady,W tym poradniku,Zapisuje dokument HTML,Przykłady,Przykłady,Wpisany do konsoli,Przykłady,Czy wiesz?,

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.

Hot Tutorials

Contact US

wyjście JavaScript
10/30