JavaScript/Pierwszy program

Z Wikibooks, biblioteki wolnych podręczników.

[edytuj] Witaj świecie! − szybki przykład

Zaczniemy od czegoś prostego, a mianowicie wyświetlenia komunikatu Witaj świecie!. Najprostszym sposobem na dokonanie tego jest wpisanie w pasku adresu przeglądarki (zakładam, że skoro czytasz ten rozdział to masz ją właśnie włączoną) kodu javascript:alert("Witaj świecie!"):

JavaScript witaj 1.png

Po zatwierdzeniu naszym oczom powinno ukazać się mniej więcej takie okno dialogowe:

JavaScript witaj 2.png

[edytuj] Witaj świecie! − praktyczny przykład

Jak zapewne się domyślasz powyższa metoda jest zupełnie niepraktyczna. Spróbujmy więc czegoś bardziej zaawansowanego. Utwórz plik index.html i wstaw do niego szkielet strony:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
 "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
     <title>Tytuł</title>
     <script type="text/javascript" src="script.js"></script>
   </head>
   <body>
     <p>Lorem ipsum.</p>
   </body>
</html>

Następnie w tym samym folderze utwórz kolejny plik, nazwij go script.js i wstaw do niego nasz program:

alert("Witaj świecie!")

Teraz możesz otworzyć plik index.html w przeglądarce. Powinieneś zobaczyć znane nam już okno dialogowe z tekstem Witaj świecie!.


Spis treści


Źródło „http://pl.wikibooks.org/wiki/JavaScript/Pierwszy_program”