Latest web development tutorials
×

JavaScript kurs

JavaScript kurs JavaScript krótkie wprowadzenie JavaScript zwyczaj JavaScript eksport JavaScript gramatyka JavaScript oświadczenia JavaScript uwaga JavaScript zmienna JavaScript Typy danych JavaScript Przedmioty JavaScript funkcja JavaScript zakres JavaScript wydarzenie JavaScript sznur JavaScript operatorzy JavaScript porównać JavaScript If...Else JavaScript switch JavaScript for JavaScript while JavaScript Break & Continue JavaScript typeof JavaScript Typ konwersji JavaScript Wyrażenia regularne JavaScript błąd JavaScript Debugowanie JavaScript zmienny wyciąg JavaScript Tryb Strict JavaScript Zastosowanie niezgodne z przeznaczeniem JavaScript Uwierzytelnianie za pomocą formularzy JavaScript zarezerwowane słowa kluczowe JavaScript JSON JavaScript void JavaScript Kod Specyfikacja

JS funkcja

JavaScript definicja funkcji JavaScript Argumenty funkcji JavaScript wywołanie funkcji JavaScript zamknięcia

JS HTML DOM

DOM krótkie wprowadzenie DOM HTML DOM CSS DOM wydarzenie DOM EventListener DOM element

JS zaawansowane Tutorial

JavaScript Przedmioty JavaScript Number JavaScript String JavaScript Date JavaScript Array JavaScript Boolean JavaScript Math JavaScript RegExp Przedmioty

JS przeglądarka BOM

JavaScript Window JavaScript Window Screen JavaScript Window Location JavaScript Window History JavaScript Navigator JavaScript muzyka pop JavaScript Tymczasowy zdarzenia JavaScript Cookies

JS magazyn

JavaScript magazyn JavaScript test jQuery JavaScript test Prototype

JS Przykłady

JavaScript Przykłady JavaScript instancja obiektu JavaScript Przeglądarka Instancja obiektu JavaScript HTML DOM Przykłady JavaScript streszczenie

JS Reference Manual

JavaScript Przedmioty HTML DOM Przedmioty

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 ..";
</ 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.