08-Javascript phần 1 (3t)

RKING HARD & SMART TODAY FOR A BETTER TOMORROW Web kinh doanh 1
Javascript phầ n 1
Trang 1
Mục tiêu bài học

 Hiểu ngô n ngữ JavaScript trong thiết kế và lậ p trình web
 Biết cá ch sử dụ ng cá c qui tắ c và cú phá p củ a ngô n ngữ HTML và o việc
hỗ trợ thiết kế giao diện và thiết kế xử lý củ a trang web
 Biết cá ch gắ n kết giữ a ngô n ngữ JavaScript, cá c hà m JavaScript vớ i cá c
thẻ HTML
 Là m tiền đề cho việc nghiên cứ u DOM, JSon, AngularJS…
Trang 2
Nội dung bài học

1. Khá i niệm về ngô n ngữ Script
2. Chi tiết cá ch sử dụ ng JavaScript
Trang 3
1. Khái niệm về ngôn ngữ Script

 Là ngô n ngữ kịch bả n
 Giú p trang web có tính tương tá c vớ i ngườ i dù ng
 Cá c ngô n ngữ script thô ng dụ ng:
– JavaScript (Netscape)
– Jscript (Microsoft)
– VBScript (Microsoft)
Trang 4

 Ứ ng dụ ng Client-Side:
– Thự c hiện tạ i Browser (Netscape Navigator, IE,Firefox, chrome,…)
– Script tạ i Client-Side (Thự c hiện cá c tương tá c vớ i ngườ i dù ng, thay
đổ i cấ u trú c trang web, kiểm tra dữ liệu đượ c nhậ p và o củ a ngườ i
dù ng, …)
 Ứ ng dụ ng Server-Side:
– Thự c hiện tạ i WebServer (IIS, Netscape Enterprise Server, ….)
– Script tạ i Server-Side (kết nố i CSDL, chia sẻ thô ng tin giữ a cá c ngườ i
duyệt web, truy cậ p hệ thố ng file trên server, …)
Trang 5

 Quá trình thự c hiện ứ ng dụ ng Server-Side gồ m 2 giai đoạ n:
– Tạ o trang Web có chứ a cả Script Client-Side và Script Server-Side
– Khi Client browser yêu cầ u thự c hiện, server (run-time engine) sẽ
thự c hiện cá c lệnh Server-side Scipts và trả trang Web HTML về
browser
Trang 6
2. Chi tiết cách sử dụng JavaScript

 Khá i niệm JavaScript
 Nhú ng JavaScript và o web
 Quy ướ c trong JavaScript
 Biến và khai bá o biến
 Kiểu dữ liệu-Toá n tử
 Cấ u trú c điều khiển
 Hà m
 Xử lý chuỗ i trong JavaScript
 Mộ t số đố i tượ ng dữ liệu
 Lớ p đố i tượ ng
Trang 7
Khái niệm JavaScript

 Vớ i HTML:
– chỉ mớ i ở mứ c biểu diễn thô ng tin
– chưa có khả nă ng đá p ứ ng cá c sự kiện từ phía ngườ i dù ng.
 Hã ng Netscape đã đưa ra ngô n ngữ script có tên là LiveScript (1995) để
thự c hiện chứ c nă ng này.
 Sau đó đượ c đổ i tên thà nh JavaScipt để tậ n dụ ng tính đạ i chú ng củ a
ngô n ngữ lậ p trình Java.
 Tên tiêu chuẩ n: ECMAScript, Hiện tạ i Javascript có version 6 (ES 6)
Trang 8

 JavaScript là ngô n ngữ kịch bả n dù ng để tạ o cá c client-side scripts và
server-side scripts.
 JavaScript là m cho việc tạ o cá c trang Web độ ng và tương tá c dễ dà ng
hơn
 Cá c ứ ng dụ ng client chạy trên mộ t trình duyệt như Internet Explorer,
Firefox, Chrome...
Trang 9

 JavaScript có thể tă ng cườ ng tính độ ng và tính tương tá c củ a cá c trang
web.
– Cung cấ p sự tương tá c ngườ i dù ng
– Thay đổ i nộ i dung độ ng
– Xá c nhậ n tính hợ p lệ củ a dữ liệu
Trang 10

 Lưu ý quan trọ ng: Java và JavaScript là hai ngô n ngữ hoà n toà n khá c
nhau
– Java
• Là ngô n ngữ lậ p trình hướ ng đố i tượ ng
• Đượ c phá t triển bở i hã ng Sun Microsystems
– JavaScript
• Là ngô n ngữ kịch bả n WEB
• Đượ c phá t triển bở i Netscape
Trang 11
Nhúng JavaScript vào web

 Nhú ng trự c tiếp
<script type=“text/javascript”>

</script>
 Nhú ng script từ 1 file khá c
<script src=“file_javascript.js”></script>
Trang 12

<html>
<head>
<script type = “text/javascript">
some statements
</script>
</head>
<body>
<script type="text/javascript">
some statements
</script>
<script src = “Tên_file_script.js"> </script>
</body>
</html>
Trang 13

 Đặ t giữ a tag <head> và </head>: đoạ n script sẽ thự c thi ngay khi trang
web đượ c mở .
 Đặ t giữ a tag <body> và </body>: Đoạ n script trong phầ n body đượ c
thự c thi khi trang web đang mở (sau khi thự c thi cá c đoạ n script có
trong phầ n<head>).
 Số lượ ng đoạ n script khô ng hạ n chế.
Trang 14

 Ví dụ 1: <head>
function cong(a, b)
{
document.getElementById("idkq").innerHTML=(eval(a)+eval(b))
}
</script>
</head>
<body>
Nhập a:<input type="number" id="ida" /><br/>
Nhập b:<input type="number" id="idb"/><br />
<input type="button" value="Tính +"
onclick="cong(ida.value, idb.value)"/><br />
Kết quả:<label id="idkq" ></label>
</body>
</html>
Trang 15

 Ví dụ 2:
<head>
<script src="xuly.js"></script>
function XuLyCong() {
var txtA = document.getElementById("ida")
var txtB = document.getElementById("idb")
var kq = Cong(txtA.value, txtB.value)
document.getElementById("idkq").innerHTML = kq
}
</script>
</head>
<body>
Nhập a:<input type="number" id="ida" /><br />
Nhập b:<input type="number" id="idb" /><br />
<input type="button" value="Tính +" onclick="XuLyCong()" /><br />
Kết quả:<label id="idkq"></label>
</body>
Trang 16
Quy ước trong JavaScript

 JavaScript phâ n biệt chữ hoa, chữ thườ ng
• Vídụ : hai biến Java, java là khá c nhau
 Câ u lệnh JavaScript đượ c kết thú c bằ ng dấ u ; hoặ c khô ng cầ n
 Khô ng phâ n biệt khoả ng trắ ng, tab, xuố ng dò ng trong câ u lệnh.
Trang 17

 Chuỗ i và dấ u nháy
– Chuỗ i trong JavaScript đượ c đặ t trong cặ p nháy đơn (‘’) hoặ c nháy
kép (“”)
– Vídụ :
<input value = ‘He said “JavaScript is good”’>
<input type=“button”value=“Click Me!” onclick = “alert(‘Hello’);”
 Ghi chú : theo cú phá p ghi chú sau
// Đây là ghi chú trên 1 dò ng
/* Đây là ghi chú
trên nhiều dò ng*/
Trang 18

 Tên biến và hà m:
– Bắ t đầ u bằ ng Ký tự (A..Z, a..z), _, $
– Khô ng bắ t đầ u bằ ng ký số (0..9)
– Khô ng có khoả ng trắ ng trong biến hoặ c hà m
– Khô ng đặ t tên trù ng từ khó a
Trang 19

 Cá c từ khó a khô ng nên đặ t trù ng
Trang 20
Biến và khai báo biến

 Mỗ i biến sẽ có mộ t tên đạ i diện
 Biến là “vậ t chứ a” thô ng tin muố n lưu trữ
 Thô ng tin, dữ liệu củ a biến có thể thay đổ i trong quá trình đoạ n lệnh
thự c hiện
 Sử dụ ng tên biến để tham chiếu đến dữ liệu củ a biến đó
Trang 21

 Dù ng từ khó a var trướ c tên biến
 Biến có thể khở i tạ o giá trị trướ c hoặ c khô ng hoặ c khô ng cũ ng đượ c
var strname = value ;
• Tên biến: strname
• Giá trị được gán cho biến: value
 Ví dụ :
var strname = “Hello Word!”;
Trang 22

 Ví dụ :
var x ;
var y, sum ;
var x = 1, y = -10, sum = 0;
 Biến trong JavaScript có thể lưu giá trị có kiểu dữ liệu bất kỳ
 Biến trong JavaScript có thể khô ng cầ n khai bá o:
 Ví dụ :
x=5
x=x+2
alert(x)
Trang 23
Kiểu dữ liệu
Kiểu dữ liệu Ví dụ Mô tả
Object var listBooks = new Array(10) ; Trướ c khisử dụ ng, phả i cấ p phá t
bằ ng từ khó a new
String “Chú c cá c bạ n thà nh cô ng.” Chứ a đượ c chuỗ i unicode Chuỗ i

“10” rỗ ng “”
Number 0.066218 , 12 Theo chuẩ n IEEE 754
boolean true / false

undefined var myVariable ; myVariable = undefined
null connection.Close(); connection = null
function var add = new function("x", "y", functionName = new
"return(x+y)"); add(2, 3); function( [argname1, [...
argnameN,]] body );
Trang 24
Kiểu dữ liệu
 Kiểu số nguyên
– Cá c số nguyên có thể đượ c biểu diễn trong hệ thậ p phâ n (cơ số 10),
hệ thậ p lụ c phâ n (cơ số 16) và hệ bá t phâ n (cơ số 8)
– Mộ t chữ số nguyên thậ p phâ n gồ m có mộ t dãy cá c số mà khô ng có số
0 đứ ng đầ u.
– Mộ t số 0 đứ ng đầ u trong mộ t chữ số nguyên cho biết nó đượ c biểu
diễn trong hệ bá t phâ n
– Nếu đứ ng đầ u mộ t chữ số nguyên là 0x (hoặ c 0X) chỉ ra nó đượ c biểu
diễn trong hệ thậ p lụ c phâ n
Trang 25
Kiểu dữ liệu
– Số nguyên thậ p phâ n bao gồ m cá c số từ 0 đến 9.
– Số nguyên thậ p lụ c phâ n có thể bao gồ m cá c số từ 0 đến 9 và cá c chữ
cá i từ a đến f và A đến F.
– Số nguyên bá t phâ n bao gồ m cá c số từ 0 đến 7.
– Cá c chữ số nguyên bá t phâ n khô ng đượ c tá n thà nh và đã bị loạ i khỏ i
chuẩ n ECMA-262 ấ n bả n 3.
– JavaScript vẫ n hỗ trợ cá c chữ số nguyên bá t phâ n để tương thích vớ i
cá c phiên bả n trướ c.
Trang 26
Kiểu dữ liệu
• Ví dụ về số nguyên:
42
0xFFF
-345
Trang 27
Kiểu dữ liệu
 Kiểu số thự c (kiểu số dấ u chấ m độ ng)
• Kiểu số thự c có thể có cá c thà nh phầ n sau:
• Phầ n nguyên thậ p phâ n (là mộ t số nguyên thậ p phâ n)
• Mộ t dấ u chấ m thậ p phâ n (“.”)
• Phầ n dư (là mộ t số thậ p phâ n khá c)
• Phầ n mũ
Trang 28
Kiểu dữ liệu
• Trong đó phầ n số mũ là mộ t chữ “e” hay “E”, theo sau là mộ t số
nguyên, có thể đượ c đá nh dấ u (đượ c đặ t trướ c bở i dấ u “+” hoặ c “-”).
• Mộ t số dấ u chấ m độ ng phả i có ít nhấ t mộ t con số và mộ t dấ u chấ m
thậ p phâ n hoặ c “e” (hay “E”).
Trang 29
Kiểu dữ liệu
• Ví dụ về số thự c:
3.114
-3.1E12
.1e12
2E-12
Trang 30
Kiểu dữ liệu
 Kiểu Logical (hay Boolean)
• Kiểu logic đượ c sử dụ ng để chỉ hai điều kiện: đú ng hoặ c sai.
• Miền giá trị củ a kiểu này chỉ có hai giá trị:
– true.
– false.
Trang 31
Kiểu dữ liệu
 Kiểu chuỗ i (String)
• Mộ t chuỗ i chữ gồ m khô ng hoặ c nhiều ký tự đượ c đặ t trong cá c dấ u
nháy kép (“”) hoặ c nháy đơn (‘’).
• Mộ t chuỗ i phả i đượ c phâ n định bở i cá c dấ u trích dẫ n cù ng kiểu, tứ c là
cả hai dấ u đều phả i là dấ u nháy đơn hoặ c đều là dấ u nháy kép
Trang 32
Kiểu dữ liệu
• Ví dụ về cá c chuỗ i:
• “Hello”
• ‘Error!’
• “12345”
• Ta có thể gọ i bấ t cứ mộ t phương thứ c nà o củ a đố i tượ ng String trên
mộ t giá trị chuỗ i chữ - JavaScript sẽ tự độ ng chuyển đổ i chuỗ i chữ
thà nh mộ t đố i tượ ng String tạ m, gọ i phương thứ c đượ c yêu cầ u, sau
đó loạ i bỏ đố i tượ ng String tạ m.
Trang 33
Kiểu dữ liệu
• Khi dù ng chuỗ i, ngoà i cá c ký tự thô ng thườ ng, ta cũ ng có thể chèn cá c
ký tự đặ c biệt và o chuỗ i đó . Cá c ký tự đặ c biệt sẽ thự c hiện mộ t cô ng
việc cụ thể nà o đó .
Ví dụ : “one line \n another line”
• Trong ví dụ trên, dấ u “\” kết hợ p vớ i ký tự “n” sẽ mang ý nghĩa là sang
dò ng. Như vậy khi thự c hiện câ u lệnh trên thì kết quả sẽ hiển thị là :
one line
another line
Trang 34
Kiểu dữ liệu
Ký tự Ý nghĩa
\b Phím lù i (Backspace)
\f Sang trang mớ i (Form feed)
\n Sang dò ng mớ i (new line)
\r Đưa con trỏ về đầ u dò ng hiện tạ i
\t Cá ch mộ t khoả ng Tab (Tab)
Trang 35
Kiểu dữ liệu
• Ngoà i ra, có thể chèn mộ t số ký tự đặ c biệt khá c trong mộ t chuỗ i bằ ng
cá ch đặ t trướ c nó dấ u backslash (\).
• Đây đượ c xem là ký tự thoá t (escaping character).
• Dấ u backslash đượ c dù ng để bỏ qua ý nghĩa sử dụ ng củ a ký tự đứ ng
sau nó .
• Ví dụ nếu muố n hiển thị cá c ký tự ‘, “ hay \ trong chuỗ i thì phả i đặ t
dấ u backslash ở phía trướ c, đó là \’, \” và \\.
Trang 36
Kiểu dữ liệu
 Kiểu null
• Kiểu null chỉ có duy nhấ t mộ t giá trị: null.
• Null mang ý nghĩa là khô ng có dữ liệu, nó thự c hiện chứ c nă ng là giữ
chỗ trong mộ t biến vớ i ý nghĩa là ở đó khô ng có hữ u dụ ng gì.
• Số 0 hay mộ t xâ u rỗ ng và null là cá c giá trị khá c nhau
Trang 37
Toán tử
 Toá n tử toá n họ c
 Toá n tử gá n
 Toá n tử so sá nh
 Toá n tử logic
 Toá n tử nố i chuỗ i
Trang 38
Toán tử toán học

Operator Description Example Result
+ Addition x=2 4
x+2
- Subtraction x=2 3
5-x
* Multiplication x=4 20
x*5
/ Division 15/5, 5/2 3 , 2.5
% Modulus (division remainder) 5%2, 10%8, 10%2 1, 2, 0

++ Increment x=5 x=6
x++
-- Decrement x=5 x=4
x--
Trang 39
Toán tử gán
Operator Example Is The Same As

= x=y x=y
+= x+=y x=x+y
-= x-=y x=x-y
*= x*=y x=x*y
/= x/=y x=x/y
%= x%=y x=x%y
Trang 40
Toán tử so sánh
Operator Description Example

== is equal to 5==8 returns false
!= is not equal 5!=8 returns true
> is greater than 5>8 returns false
< is less than 5<8 returns true
>= is greater than or equal to 5>=8 returns false
<= is less than or equal to 5<=8 returns true
Trang 41
Toán tử logic
Operator Description Example

&& and x=6, y=3
(x < 10 && y > 1) returns true
|| or x=6, y=3
(x==5 || y==5) returns false
! not x=6, y=3

!(x==y) returns true
?: If .. Else x=6, y=3
x>y ? return x : return y
Trang 42
Toán tử nối chuỗi

 Khi cầ n nố i hai chuỗ i ta sử dụ ng toá n tử cộ ng “+“:
 Ta xét ví dụ sau:
txt1 = “What a very”
txt2 = “nice day!”
txt3 = txt1 + txt2
 Khi đó txt3 có giá trị là : "What a verynice day!"
 Để thêm khoả ng trắ ng và o giữ a 2 giá trị, ta nố i thêm chuỗ i là ký tự
khoả ng trắ ng và o giữ a
Trang 43
Toán tử nối chuỗi

txt1 = "What a very"
txt2 = "nice day!"
txt3 = txt1 + “ “ + txt2
Hoặ c
txt1 = "What a very "

txt2 = "nice day!"
txt3 = txt1 + txt2
Trang 44
Cấu trúc điều khiển

 Cá c lệnh điều kiện rẽ nhá nh
 Cá c lệnh vò ng lặ p
Trang 45
Cấu trúc điều khiển

 Cá c lệnh điều kiện rẽ nhá nh: if else, switch
 Cá c lệnh vò ng lặ p: for, while, do…while
Trang 46
Rẽ nhánh If
Ví dụ
//If the time on your browser is
less than 10,
if (<expression> ) //you will get a "Good morning"
{ greeting.
<statement> var d=new Date() ;
} var time=d.getHours() ;
if (time<10)
{ document.write("<b>Good
morning</b>") ;
}
</script>
Trang 47
Rẽ nhánh If…else
 Ví dụ :
if (< expression > ) <script
type="text/javascript">
{
< statement 1> var x = 5, y = 6, z
} if(x == 5) {
else if(y == 6) z = 17
{ }
< statement 2> else
}
z = 20
</script>
Trang 48
Rẽ nhánh switch
switch (<biến cầ n kiểm tra>)
{
case <giá trị 1>:
<cô ng việc 1>
break;
case <giá trị 2>:
<cô ng việc 2>
break;
…
default:
<cô ng việc nếu khô ng thuộ c trườ ng hợ p nà o ở trên>
break;
}
Trang 49
Rẽ nhánh switch
Trang 50
Rẽ nhánh switch
 Ví dụ 1:  Ví dụ 2:
<script type="text/javascript"> var diem = “G”;
var d=new Date(); switch(diem)
theDay=d.getDay(); {
case “Y”:document.write(“Yếu");break;
switch (theDay)
{ case “TB”:
case 5: document.write(“Friday"); break ; document.write(“Trungbình");break;
case
case 6: document.write(“Saturday"); break ;
“K”:document.write(“Khá");break;
case 0: document.write(“Sunday“); break ;
case
default: document.write("I'm looking forward to “G”:document.write(“Giỏ i");break;
this weekend!") ;
default :document.write(“Xuấ tsắ c");
}
}
</script>
Trang 51
Vòng lặp for

 Cú phá p:
for (Exp1; Exp2; Exp3)
statement
 Ý nghĩa:
− Exp1: là biểu thứ c khở i tạ o
đượ c thự c hiện.
− Exp2: là biểu thứ c điều kiện
− Exp3: biểu thứ c điều khiển
lặ p
Trang 52
Vòng lặp for n=5, gt=1

Lầ n 1) i=1, kiểm tra i<=ni<=5đú ng, là m body:
 Ví dụ : gt=gt*i=1*1=1
Lầ n 2) i++i=i+1=1+1=2,
kiểm tra i<=n 2<=5đú ng, là m body:
var gt=1 gt=gt*i=1*2=2
var n = 5 Lầ n 3) i++i=i+1=2+1=3
kiểm tra i<=n 3<=5đú ng, là m body:
for(var i=1; i<=n; i++)
gt=gt*i=2*3=6
{ Lầ n 4) i++i=i+1=3+1=4
gt=gt* i kiểm tra i<=n 4 <=5đú ng, là m body:
} gt=gt*i=6*4=24
Lầ n 5) i++i=i+1=4+1=5
gt=? kiểm tra i<=n5<=5đú ng, là m body:
gt=gt*i=24*5=120
Lầ n 6) i++i=i+1=5+1=6
kiểm tra i<=n 6<=5vô lýngừ ng for
Trang 53
Vòng lặp while

Cú phá p:
while(expression)
statement
●Ý nghĩa:
●B1: Expression đượ c định trị
●B2: Nếu kết quả là true thì
statement thự c thi và quay lạ i B1
●B3: Nếu kết quả là false thì
thoá t khỏ i vò ng lặ p while.
có thể statement ko đượ c thự c
hiện lầ n nà o cả
Trang 54
Vòng lặp while Giả sử n=5, gt=1, i=1

Lầ n 1: kiểm tra i<=n1<=5đú nglà m body while:
 Ví dụ gt=gt*i=1*1=1
n=5 i++i=i+1=1+1=2
Lầ n 2: kiểm tra i<=n2<=5đú nglà m body while:
gt=1 gt=gt*i=1*2=2
i=1 i++i=i+1= 2+1=3
while (i <= n) Lầ n 3: kiểm tra i<=n 3 <=5đú nglà m body while:
{ gt=gt*i=2*3=6
i++i=i+1=3+1=4
gt =gt* i Lầ n 4: Kiểm tra i<=n4<=5đú gnlà m body while:
i++ gt=gt*i=6*4=24
} i++i=i+1=4+1=5
Lầ n 5: Kiểm tra i<=n5<=5đú nglà m body while:
gt? gt=gt*i=24*5=120
i+=i=i+1=5+1=6
Lầ n 6: kiể mtra i<=n6<=5saingừ ng while
Trang 55
Vòng lặp do…while

Cú pháp:
do {
statement
}while(expression)
●Ý nghĩa:
−B1:Statement được thực hiện
−B2:Expression được định trị.
−Nếu expression là true thì
quay lại bước 1
−Nếu expression là false thì
thoát khỏi vòng lặp.
có thể statement sẽ đượ c
thự c hiện ít nhấ t 1 lầ n
Trang 56
Vòng lặp do…while Giả sử : n=5; gt=1, i=1

Lầ n 1: gt=gt*i=1*1=1
 Ví dụ i++i=i+1=1+1=2
n=5 Kiểm tra i<=n 2<=5đú ng
i=1 Lầ n 2: gt=gt*i=1*2=2
i++i=i+1=2+1=3
gt=1 Kiểm tra i<=n 3<=5đú ng
do Lầ n 3: gt=gt*i=2*3=6
{ i++i=i+1=3+1=4
gt =gt* i Kiểm tra i<=n 4<=5đú ng
i++ Lầ n 4: gt=gt*i=6*4=24
} while (i<=n) i++i=i+1=4+1=5
Kiểm tra i<=n5<=5đú ng
gt? Lầ n 5: gt=gt*i=24*5=120
i++i=i+1=5+1=6
Kiểm tra i<=n 6<=5saingừ ng do while
Trang 57
Hàm trong Javascript

 Khai bá o hà m hay phương thứ c
– Mỗ i hà m hay phương thứ c do ngườ i dù ng định nghĩa đượ c bắ t đầ u
vớ i từ khó a function
– Tham số truyền và o hà m hay phương thứ c khô ng cầ n phả i khai bá o
kiểu dữ liệu
Trang 58

 Cá ch định nghĩa mộ t hà m:
– Hà m có tham số :
function TenHam(thamso1, thamso2,..)
{
// Nộ i dung hà m
}
- Hà m khô ng tham số
function TenHam()
{
}
Trang 59

- Hà m trả về giá trị:
function TenHam(thamso1, thamso2,..)
{
return (value)
}
Trang 60

- Ví dụ tạ o hà m trong JavaScript:
• Định nghĩa hàm:
function Sum(x, y)
{
tong = x + y
return tong;
}
• Gọi hàm:
var x = Sum(30, 40)
Trang 61
Một số hàm built-in trong Javascript

 Hà m eval
 Hà m isNaN
 Hà m parseInt và parseFloat
 Hà m Number và String
Trang 62

 Hàm eval
– Dù ng để đá nh giá mộ t chuỗ i mà khô ng cầ n tham chiếu đến bấ t kì
mộ t đố i tượ ng cụ thể nà o.
– Cú phá p:
eval(string)
– Vớ i string là chuỗ i cầ n đượ c đá nh giá . Chuỗ i này có thể là mộ t biểu
thứ c JavaScript, mộ t câ u lệnh, hay mộ t nhó m cá c câ u lệnh.
– Trong biểu thứ c có thể bao gồ m cá c biến và thuộ c tính củ a mộ t đố i
tượ ng.
Trang 63

 Hàm eval
– Nếu chuỗ i đạ i diện cho mộ t biểu thứ c thì hà m eval định giá trị biểu
thứ c đó .
– Nếu đố i số đạ i diện cho mộ t hoặ c nhiều câ u lệnh JavaScript, thì hà m
eval thự c hiện cá c câ u lệnh này.
– Khô ng dù ng hà m eval để định giá trị mộ t biểu thứ c số họ c;
JavaScript định giá trị cá c biểu thứ c số họ c mộ t cá ch tự độ ng.
Trang 64

 Hà m isNaN
– Hà m isNaN định giá trị mộ t đố i số để xá c định xem nó có phả i là
“NaN” (Not a Number) hay khô ng.
– Cú phá p:
isNaN(testValue)
– Vớ i testValue là giá trị bạ n muố n định giá trị.
– Cá c hà m parseInt và parseFloat trả về “NaN” khi chú ng định giá trị
mộ t giá trị khô ng phả i là mộ t số .
– Hà m isNaN trả về true nếu nó đượ c truyền giá trị “NaN” và ngượ c lạ i
là false.
Trang 65

 Đoạ n mã nguồ n sau định giá trị floatValue để xá c định xem nó có phả i là
mộ t số hay khô ng và sau đó gọ i mộ t thủ tụ c phù hợ p:
var floatValue = parseFloat (toFloat)
if (isNaN (floatValue)) {
notFloat()
}
else {
isFloat()
}
Trang 66

 Number chuyển đố i tượ ng về số
var x1 = true;
var x2 = false;
Kết quả:
var x3 = new Date(); 1
var x4 = "999"; 0
var x5 = "999 888"; 1382704503079
999
var n = NaN
Number(x1) + "<br>" +
Number(x5);
Trang 67
Bài học kế tiếp

 Xử lý chuỗ i trong JavaScript
 Mộ t số đố i tượ ng dữ liệu
 Lớ p đố i tượ ng
Trang 68
Hey!
Coding
is easy!
END
Trang 69

08-Javascript phần 1 (3t)

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

08-Javascript phần 1 (3t)

Uploaded by

Copyright:

Available Formats

RKING HARD & SMART TODAY FOR A BETTER TOMORROW Web kinh doanh 1

Mục tiêu bài học

Nội dung bài học

1. Khái niệm về ngôn ngữ Script

1. Khái niệm về ngôn ngữ Script

1. Khái niệm về ngôn ngữ Script

2. Chi tiết cách sử dụng JavaScript

Khái niệm JavaScript

Khái niệm JavaScript

Khái niệm JavaScript

Khái niệm JavaScript

Nhúng JavaScript vào web

Nhúng JavaScript vào web

Nhúng JavaScript vào web

Nhúng JavaScript vào web

Nhúng JavaScript vào web

Quy ước trong JavaScript

Quy ước trong JavaScript

Quy ước trong JavaScript

Quy ước trong JavaScript

Biến và khai báo biến

Biến và khai báo biến

Biến và khai báo biến

String “Chú c cá c bạ n thà nh cô ng.” Chứ a đượ c chuỗ i unicode Chuỗ i

boolean true / false

Toán tử toán học

% Modulus (division remainder) 5%2, 10%8, 10%2 1, 2, 0

Operator Example Is The Same As

Operator Description Example

Operator Description Example

! not x=6, y=3

Toán tử nối chuỗi

Toán tử nối chuỗi

txt1 = "What a very "

Cấu trúc điều khiển

Cấu trúc điều khiển

Vòng lặp for

Vòng lặp for n=5, gt=1

Vòng lặp while

Vòng lặp while Giả sử n=5, gt=1, i=1

Vòng lặp do…while

Vòng lặp do…while Giả sử : n=5; gt=1, i=1

Hàm trong Javascript

Hàm trong Javascript

Hàm trong Javascript

Hàm trong Javascript

Một số hàm built-in trong Javascript

Một số hàm built-in trong Javascript

Một số hàm built-in trong Javascript

Một số hàm built-in trong Javascript

Một số hàm built-in trong Javascript

Một số hàm built-in trong Javascript

Bài học kế tiếp

You might also like