Metoda document.write() w JavaScript

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

Czym jest document.write()?

document.write() to metoda JavaScript służąca do wpisywania tekstu lub kodu HTML bezpośrednio do dokumentu strony.

Może być używana do prostego wyświetlenia treści, szczególnie w przykładach edukacyjnych.

Przykład

<script>
document.write("Witaj świecie!");
</script>

Po uruchomieniu skryptu tekst Witaj świecie! zostanie wyświetlony w dokumencie HTML.

Można także wstawić znaczniki HTML:

document.write("<h1>Nagłówek strony</h1>");

Ograniczenia i problemy

document.write() jest poprawną metodą JavaScript, ale we współczesnym programowaniu stron używa się jej rzadko.

Najważniejszy problem: jeśli document.write() zostanie wywołane po pełnym załadowaniu strony, może nadpisać całą zawartość dokumentu.

Przykład ryzykownego użycia:

window.onload = function() {
  document.write("Nowa treść");
};

Taki kod może usunąć wcześniejszą zawartość strony.

Lepsze rozwiązania

Zamiast document.write() częściej stosuje się:

  • innerHTML, gdy chcemy wstawić kod HTML,
  • textContent, gdy chcemy wstawić zwykły tekst,
  • metody DOM, np. createElement() i appendChild().

Na egzaminie warto jednak pamiętać, że document.write() jest metodą języka JavaScript.