Formularze javascript
Określenie typu skryptów
<meta http-equiv="Content-Script-Type" content="typ">
Np.
<meta http-equiv="Content-Script-Type" content="text/javascript">
Umieszczanie skryptów w kodzie html
Skrypty osadzone
<script type="text/javascript" charset="utf-8" defer="defer">
treść skryptu
</script>
Skrypty zewnętrzne
<script type="text/javascript" src="lokalizacja skryptu">
</script>
Przykład
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="pl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>Moja strona WWW</title>
<script type="text/javascript" src="http://nazwa.domeny/skrypty/skrypt.js">
</script>
</head>
<body>
<script type="text/javascript">
</script>
</body>
</html>
Komentarze
<script type="text/javascript">
/*
... treść komentarza ...
*/
</script>
<script type="text/javascript">
//treść komentarza wierszowego...
</script>
Zmienne
var zmienna;
nazwa_zmiennej = wartość_zmiennej;
var typ_zmiennej nazwa_zmiennej = wartość_zmiennej;
Instrukcje
if (warunek){
//instrukcje do wykonania
}
if (warunek){
//instrukcje do wykonania, kiedy warunek jest prawdziwy
}
else{
//instrukcje do wykonania, kiedy warunek jest fałszywy
}
if (warunek1){
instrukcje1;
}
else if (warunek2){
instrukcje2;
}
else if (warunek3){
..instrukcje3;
}
...
else if (warunekN){
..instrukcjeN;
}
else{
..instrukcjeM;
}
switch(wyrażenie){
case wartość1:
instrukcje1;
break;
case wartość2:
instrukcje2;
break;
case wartość3:
instrukcje3;
break;
default:
instrukcje4;
}
warunek ? wartość1 : wartość2
for(wyrażenie początkowe; wyrażenie warunkowe; wyrażenie modyfikujące){
instrukcje do wykonania
}
for(właściwość in obiekt){
//instrukcje do wykonania
}
while (warunek){
instrukcje;
}
do{
instrukcje;
}
while(warunek);
Funkcje
funtion nazwa_funkcji()
{
//instrukcje wnętrza funkcji
}
funtion nazwa_funkcji(argument1, argument2, ... , argumentN)
{
//instrukcje wnętrza funkcji
}
Zwracanie wartości
funtion nazwa_funkcji(argumenty)
{
//instrukcje wnętrza funkcji
return wartość;
}
Tablice
var nazwa_tablicy = Array();
var nazwa_tablicy = Array(rozmiar_tablicy);
nazwa_tablicy[indeks_komórki] = wartość;
nazwa_tablicy[indeks] = null;
delete nazwa_tablicy[indeks];
Pola tekstowe
<form action="...">
<input type="text" name="nazwa" />
</form>
Pola wyboru
<form action="...">
<input type="checkbox" name="nazwa" value="wartość" />Tu wpisz opis pola
</form>
Pola opcji
<form action="...">
<input type="radio" name="nazwa" value="wartość" />Tu wpisz opis pola
</form>
Lista
<form action="...">
<select name="nazwa">
<option>Tu wpisz pierwszą możliwość</option>
<option>Tu wpisz drugą możliwość</option>
(...)
</select>
</form>
Przycisk
<button type="rodzaj">Treść przycisku</button>
"submit" - przycisk wysłania formularza
"reset" - przycisk wyczyszczenia danych
"button" - zwykły przycisk (domyślnie)