JavaScript iekļaušana HTML

• Tiek lietots tags <script>.
• Vai arī atsevišķā JavaScript failā.

<script type="text/javascript">
	// JavaScript kods
</script>

<script src="script.js" type="text/javascript">
</script>

Pārlūkprogrammām, kas neuztur JavaScript

• Dažreiz atslēdz drošības apsvērumu dēļ!
• Ļoti ieteicams visu JavaScript programmas kodu iekļaut kā HTML komentārus <!-- komentāri //-->
• <noscript> -> lai izveidotu alternatīvu lapas dizainu.

<script type="text/javascript">
<!--
document.writeln("<h1>Welcome to JavaScript Programming!</h1>");
// -->
</script>
<noscirpt>
<h1>Welcome to JavaScript Programming!</h1>
</noscript>

Sintakse - semikols

x += 10; y -= 5; z = 0

Komentāri

• Divu veidu komentāri:
  1. rindas komentārs
  2. bloka komentārs

• document.writeln()

  -> ir funkcija, kas izvada tai padoto tekstu uz HTML dokumentu.

Mainīgie

• Pirms to lietošanas nav jādeklarē
• Nav jānorāda datu tips
• Pirmais simbols var būt
  • jebkurš latīņu alfabēta burts vai
  • zemsvītra '_',
  • simbols '$',
• bet pārējie var būt gan cipari, gan burti, gan zemsvītra.
• JS ir reģistrjūtīgs (case sensitive).

Globālie un lokālie mainīgie

• Vai mainīgais pieder pie globālajiem vai lokālajiem mainīgajiem nosaka tas, kur šis mainīgais ir deklarēts.
  • Ja mainīgo deklarē kādas funkcijas ietvaros, tad tas automātiski kļūst par šīs funkcijas lokālo mainīgo.
  • Lai izveidotu globālo mainīgo tas jādefinē <script> taga ietvaros taču ārpus funkcijām.

Escape characters

document.writeln('apostrofs\', pēdīņa\" un slīpsvītra\\<br>');
document.writeln('A = \101<br>');
document.writeln('A = \x41<br>');
document.writeln('Č = \u010C<br>');

Tipa automātiska nomainīšanās

document.writeln(x=2+2+"2")
//Rezultāts: "42"

Salīdzināšas operatoru piemērs

document.writeln(1 == 1)      //Rezultāts: true
a = "abc"
document.writeln(a == "abc")  //Rezultāts: true
document.writeln(a != "abc")  //Rezultāts: false
document.writeln(3 < 2.9)     //Rezultāts: false
document.writeln(10 >= 10)    //Rezultāts: true

Masīvu izveidošana

tukshs_masivs = new Array()

inicializets_masivs = new Array(1, 'teksts')
document.writeln(inicializets_masivs[1])
//Rezultāts: teksts

Vairākdimensiju masīvi

divu_dimensiju_masivs = new Array(
                              new Array('0-0','0-1'),
                              new Array('1-0','1-1')
                              )
document.writeln(divu_dimensiju_masivs[0][0])
document.writeln(divu_dimensiju_masivs[1][1])

divu_dimensiju_masivs2 = new Array()
divu_dimensiju_masivs2[0] = new Array('0-0','0-1')
divu_dimensiju_masivs2[1] = new Array('1-0','1-1')
document.writeln(divu_dimensiju_masivs2[0][1])
document.writeln(divu_dimensiju_masivs2[1][0])

//Rezultāts: 0-0 1-1 0-1 1-0

Vairākdimensiju masīvi

divu_dimensiju_masivs3 = [['0-0','0-1'],['1-0','1-1']]
document.writeln(divu_dimensiju_masivs3[0][1])
document.writeln(divu_dimensiju_masivs3[1][0])
//Rezultāts: 0-1 1-0

Array objekta metodes (vairāki slaidi todo)

Sazarojuma operatoru piemēri (vairāki slaidi todo)

Cikla operatoru piemēri (vairāki slaidi todo)

Funkciju sintakse

function funkcijas_nosaukums ([arguments [, arguments ...]]){
      komandu_bloks;
}

Funkcijas piemērs

//funkcijas definēšana
function sveiki(){
      document.writeln("Sveika pasaule!<br>");
}

//funkcijas izmantošana
sveiki();
sveiki();

/*Rezultāts:
Sveika pasaule!<br>
Sveika pasaule!<br>
*/