Przejdź do głównej treści

document.write() w JavaScript

Słownik kwalifikacji INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych

Co to jest document.write()?

document.write() to metoda JavaScriptu służąca do wpisania tekstu lub kodu HTML bezpośrednio do dokumentu strony. W pytaniach egzaminacyjnych często występuje jako prosty sposób wyświetlenia wyniku działania skryptu, np. bieżącej daty i czasu.

Przykład użycia

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

Kod wyświetli na stronie aktualną datę i czas zwrócone przez funkcję Date().

Ważne cechy

  • document oznacza dokument HTML załadowany w przeglądarce.
  • write() zapisuje podaną wartość do strony.
  • Argumentem metody może być tekst, liczba, wynik funkcji albo fragment HTML.

Przykład:

document.write("Witaj na stronie");
document.write("<h1>Nagłówek</h1>");

Uwaga praktyczna

document.write() jest dziś rzadko stosowane w nowoczesnych aplikacjach, ponieważ użyte po załadowaniu strony może nadpisać cały dokument. Częściej stosuje się manipulację DOM, np. innerHTML lub textContent.

Przykład nowocześniejszego rozwiązania:

<p id="czas"></p>
<script>
document.getElementById("czas").innerHTML = Date();
</script>

Znaczenie egzaminacyjne

Jeżeli pytanie brzmi: „Jak za pomocą JavaScriptu wyświetlić na stronie bieżącą datę i czas?”, poprawny prosty zapis to:

document.write(Date());

Samo Date() tylko zwraca datę, ale jej nie wyświetla. Dopiero document.write() powoduje wypisanie wyniku na stronie.