Các toán tử

ố ọ

ề

ệ

Các phép toán s  h c Các phép gán Các phép toán so sánh Các phép toán logic Phép ghép xâu kí tự Phép toán đi u ki n

1

ố ọ Các phép toán s  h c

y=5

2

Các phép gán

x=10,y=5

3

Các phép toán so sánh

x=5

4

Các phép toán logic

5

Phép toán ghép xâu kí tự

ộ

ự

10

55

Phép c ng trên xâu kí t txt1="What a very";  txt2="nice day";  txt3=txt1+" "+txt2;   txt3= What a very nice day x=5+5;    x="5"+"5";    x=5+"5";    x="5"+5; ộ

ộ

ộ ố

ộ

ự

Phép c ng m t xâu kí t

55 55 ự  và m t s  cho m t xâu kí t

6

ề

ệ Phép toán đi u ki n

7

ề

ấ

ể Các c u trúc đi u khi n

ẽ ặ

ệ Câu l nh r  nhánh ệ Câu l nh l p

8

ệ

ẽ Câu l nh r  nhánh IF

ề

ệ

If (đi u ki n) {

ệ

}

Ví d :ụ

//Write "Lunch­time!" if the time is 11  var d=new Date();  var time=d.getHours();  if (time==11)  {

alert("Lunch­time!");

} 

9

ệ

ẽ

Câu l nh r  nhánh IF…ELSE

ề

ệ

if (đi u ki n)

{

ệ

} else {

ệ

}

Ví dụ

  /*If the time is less than 10, you will get a "Good morning" greeting. Otherwise you will get a "Good day"

greeting. */ var d = new Date();  var time = d.getHours();  if (time < 10)  {

alert("Good morning!");

}  else {

alert("Good day!");

} 

10

ệ

Câu l nh switch

switch(bieu_thuc)  {  case 1: 

break;

case 2: 

break;

case n: 

break;

default:   }

11

ệ

Câu l nh switch

  //You will receive a different greeting based //on what day it is. Note that Sunday=0, //Monday=1, Tuesday=2, etc.  var d=new Date();  theDay=d.getDay();  switch (theDay)  {

case 5: document.write("Finally Friday");

break;

case 6: document.write("Super Saturday");

break;

case 0: document.write("Sleepy Sunday");

break;

default: document.write("I'm looking forward to this weekend!");

} 

12

ệ

ặ

Câu l nh l p FOR

ế

ế

ế

ế

ố

ị

ị

ướ

ả

c nh y)

For (bi n = giá_tr _đâu; bi n<=giá_tr _cu i; bi n=bi n + b {

}

Ví dụ

    var i=0;  for (i=0;i<=10;i++)  {

document. write("The number is " + i); document.write("");

}     

13

ệ

ặ

Câu l nh l p while

while( dieu_kien) {

ệ

}

Ví dụ

      var i=0; while (i<=10)  {

document.write("The number is " + i);  document.write("");  i=i+1;

}     

14

ệ

ặ Câu l nh l p do…while

Do

{

ệ

ệ

} ề while (đi u_ki n)

15

ỡ ấ

ặ

Phá v  c u trúc l p

Break

ự

ệ

ệ

ặ

ỡ

ặ

ệ ạ

ế i và th c hi n các l nh ti p theo sau vòng l p đó

Phá v  vòng l p hi n t Ví dụ       var i=0;  for (i=0;i<=10;i++)  {

if (i==3)  break;

alert(The number is " + i);

}     

16

ỡ ấ

ặ

Phá v  c u trúc l p

Continue

Ví dụ  

ệ ạ ặ ỡ ế ụ ị ế ớ Phá v  vòng l p hi n t i và ti p t c v i giá tr  ti p theo

var i=0; for (i=0;i<=10;i++)

{ if (i==3)

{ continue; }

   

document. write("The number is " + i);  }

17

For in

ể ự

ệ ặ

ủ

ủ

ệ

ả

ặ

ộ

ộ

ộ

ầ c dùng đ  th c hi n l p khi duy t qua thành ph n c a m t m ng ho c các thu c tính c a m t

ố ượ

ng)

ượ For in đ ố ượ ng đ i t ế For (bi n in đ i_t {

ệ

} Ví dụ    

var x;  var mycars = new Array();   mycars[0] = "Saab";   mycars[1] = "Volvo";   mycars[2] = "BMW";  for (x in mycars)  {

document.write(mycars[x] + "");

}

   

18

ộ ố

M t s  các popup box

alert

ể

ườ

ị ộ Hi n th  m t thông  i dùng báo cho ng Ví d :ụ

• alert(“Hello”)

19

ộ ố

M t s  các popup box

ượ ườ

c dùng khi  i dùng đ a ra

ư ậ

ặ

confirm ườ Th ng đ ố mu n ng ẳ ấ ị kh ng đ nh ch p nh n ho c  ố ừ  ch i t confirm("Are you sure?");

20

ộ ố

M t s  các popup box

ườ

ố

ậ

ữ i dùng nh p d

ặ

ị

ị

Prompt ượ Đ c dùng khi mu n ng li uệ prompt(“text”, giá_tr _m c_đ nh);

21

Hàm trong Javascript

Hàm

ộ

ạ

ệ

ạ i

ờ ọ

ượ

ự

ệ

là m t đo n mã l nh có th  s  d ng l Đ c th c hi n khi có l

ể ử ụ i g i hàm

Hàm Javascript

ầ

ượ ượ

ầ

ặ ừ ộ

m t

Đ c khai báo trong ph n HEAD ọ Đ c g i trong ph n BODY ho c t hàm khác

22

Hàm trong Javascript

Khai báo

function ten_ham(tham_so_1, tham_so_2, … tham_so_n) {

thân hàm

ị ả ề

ế

return giá_tr _tr _v ; //n u có }

Hàm không có tham số

function ten_ham () {

ị ả ề

ế

thân hàm return giá_tr _tr _v ; //n u có

}

23

Hàm trong Javascript

Ví dụ

function prod(a,b) {

x=a*b; return x;

}

function displaymessage() {

alert("Hello World!");

}

24

ự ệ Các s  ki n

ự ệ

S  ki n chung onLoad

ạ

ộ

• S  ki n n p m t trang web ự ệ • Ví dụ –

• ự ệ

ộ S  ki n liên quan đ n chu t

onUnload ộ ự ệ s  ki n đóng m t trang web ế

ộ ố ượ

ỉ

• Khi con tr  chu t ch  vào m t đ i t ộ

ng nào đó

onmouseover ỏ

ộ ố ượ

ể

ộ

• Khi con tr  chu t di chuy n trên m t đ i t

ng

onmousemove

ỏ onmouseout ỏ

ộ ố ượ

ộ ờ

ỏ

• Khi con tr  chu t r i kh i m t đ i t

ng

ộ ố ượ

ộ

• S  ki n click chu t vào m t đ i t

ng

Onclick

ự ệ Ondblclick ự ệ

ộ ố ượ

• S  ki n click chu t kép vào m t đ i t ộ

ng

25

ự ệ

ế

S  ki n liên quan đ n bàn phím

onkeypress

Khi gõ vào một phím trên bàn phím

onkeydown

Khi 1 phím nhẫn vào một đối tượng

onkeyup

Khi một phím đang nhấn vào một đối tượng được giải phóng

26

ự ệ

ế

S  ki n liên quan đ n form

onsubmit

Khi dữ liệu của một form được gửi đi

onreset

Khi nhấn vào nut RESET của một form

onfocus

Khi con trỏ hoặc chuột chỉ vào một đối tượng.

onblur

Khi con trỏ hoặc chuột rời khỏi đối tượng.

onselect

Khi người dùng chọn một đoạn văn bản trong một phần tử INPUT hoặc TEXTAREA.

onchange

Khi một đối tượng bị mất focus và giá trị của nó thay đổi

27

ế

ộ ự ệ ớ

ố

ị

Liên k t m t s  ki n v i 1 đ i  ượ ng và go  hàm javascript t Ví d :ụ

28