webmaster webmastering webdesign

Jesteś tutaj: webmade.org >> kursy online >> kurs javascript >> Część 3

Instrukcja document.write

autor: Piotr Rzeźniczak, ostatnia modyfikacja: 2007-06-25

szukaj: document.write document.write kurs JavaScript kurs JavaScript

Nasz pierwszy skrypt będzie wypisywał na ekranie tekst. Posłużymy się do tego instrukcją document.write. Document jest to obiekt JavaScript, który reprezentuje aktualnie wyświetlaną stronę, natomiast write - to jego metoda, czyli funkcja wykonująca określone działania na obiekcie - w tym wypadku wypisuje tekst. Nasz tekst umieszczamy w nawiasach, jako argumenty wywołania metody. Ogólnie postępujemy następująco: obiekt.metoda( argumenty metody )

Zatem nasz standardowy program "Hello World" będzie wyglądał następująco:

document.write("Witaj świecie!")

Wewnątrz możemy używać znaczników HTML, dbając oczywiście o to, żeby je w odpowiednich miejscach otwierać i zamykać:

document.write("<h1>Strona tytułowa</h1>")
document.write("<b><a href='spis.htm'>Spis treści</a></b>")

Tu zwróćmy uwagę na pewną istotną rzecz: otóż łańcuch znaków przekazywany metodzie write ograniczony jest z obu stron podwójnym cudzysłowem. Ale co zrobić w przypadku, gdy umieszczamy wewnątrz znaczniki HTML, których atrybuty również używają cudzysłowia? Jeżeli użyjemy " popełnimy błąd, gdyż JavaScript pomyśli, że zakończyliśmy wprowadzanie łańcucha znakowego do metody write, podczas gdy za znakiem " znajduje się jeszcze to, co chcemy wypisać w dokumencie. Dlatego musimy stosować zamiennie znaki " oraz '. Jeżeli będziemy pamiętali o tym, że muszą się one parami otwierać i zamykać, możemy wielokrotnie zagnieżdżać jedne w drugich, przy czym stosując przemiennie: "1 '2 "3 - 3" 2' 1".

A co zrobić żeby wypisać znak cudzysłowu na stronie, lub użyć innego znaku specjalnego? Znaki takie poprzedzamy backslashem - czyli \ lub specjalnymi sekwencjami podstawienia HTML

document.write("Na ekranie zobaczysz<br>C:\\>")
document.write("Polecam film \"Wladca Pierścieni\"")
document.write("<b><a href=\"spis.htm\">Spis treści</a></b>")

Piotr Rzeźniczak

Zagadnienia poruszane w tej części kursu:

Chcesz zostać programistą?

Poznaj 6 kroków do efektywnej
nauki programowania!

 

valid XHTML
valid CSS
© 2004-2008 copyright by webmade.org