piątek, 3 września 2010

Kurs JavaScript cz.1

Postanowiłem napisać swój własny kurs języka JavaScript dla początkujących.

1. Wstęp do JavaScript

JavaScript jest językiem skryptowym, umożliwiającym ożywić statyczne strony www napisanych w HTML-u. Jest on językiem obiektowym, o składni wywodzącej się z C++. Jeśli ktoś zna C++ nie będzie miał problemów z JavaScript-em. Kod JavaScript można umieścić w kodzie HTML, w osobnym pliku lub w znacznikach HTML-a. Poniżej zamieszczam przykłady załączania kodu JavaScript do HTML-a. Kod JavaScript powinien być umieszczany przed znacznikiem <body>, ale nie jest to przymusowe.


Sposób I

<html>
<head>
</head>
<script type="text/javascript">
document.write("Hello World!");
</script>
<body>
</body>
</html>


Sposób II

<html>
<head>
</head>
<script type="text/javascript" src=plik.js>
</script>
<body>
</body>
</html>

Sposób III

<html>
<head>
</head>
<body>
<a onclick="alert(\'Witam!\')" href="index.html">link</a>
</body>
</html>


Znacznik <script> musi zawierać opcję type="text/javascript" lub language="JavaScript". Ta pierwsza jest aktualnie używana, a ta druga jest starszą wersją, nie jest wymagane używanie jednego czy drugiego, ale ja stosuję tą aktualną wersję(opcja 1). Pliki z kodem JavaScript zapisujemy w pliku z rozszerzeniem *.js.


Sposoby wyświetlania/pobierania tekstu:
document.write() - wypisuje tekst podany w nawiasie
document.writeln() - wypisuje tekst podany w nawiasie i dodaje znak końca linii
alert() - wyświetla okienko dialogowe z tekstem podanym w nawiasie
confirm() - wyświetlanie okienka dialogowego z potwierdzeniem, zawiera przyciski OK(true) i ANULUJ(false)
prompt() - jest to pobieranie tekstu od użytkownika


Komentarze:
Istnieją 3 sposoby komentowania tekstu:


// komentarz ten działa tylko w 1 linii aż do znaku nowej linii


/*
komentarz blokowy wszystko co jest umieszczone między tymi znakami zostanie uznane za komentarz
*/



<!--
dla przeglądarek nie obsługujących JavaScript
// koniec kodu JavaScript  -->

Za niedługo ukaże się kolejna część kursu JavaScript dla początkujących.


Zapraszam do komentowania.


P.S Jeśli tekst zawiera jakieś błędy lub o czymś zapomniałem to proszę o kontakt.

Brak komentarzy:

Prześlij komentarz