• Biến toàn cục có phạm vi hoạt động trên toàn bộ tài liệu (khai báo ngoài hàm). • Biến khai báo trong hàm chỉ có tác dụng bên trong hàm[r]
(1)1 Javascript
(2)Nội dung
1. Tổng quan 2. Một ví dụ
(3)1 Tổng quan
• Là ngơn ngữ Client-side script hoạt động trình duyệt người dùng (client) • Chia sẻ xử lý ứng dụng web Giảm
các xử lý không cần thiết server • Giúp tạo hiệu ứng, tương tác cho
trang web
(4)Nhúng Javascript vào trang web
Định nghĩa script trực tiếp trang html:
<script type=“text/javascript”>
<! // Lệnh Javascript
>
</script>
Nhúng sử dụng script cài đặt từ file js khác:
(5)Nhúng Javascript vào trang web <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">method()</script> <script type=“text/javascript”>
// gọi thực phương thức định nghĩa // “Tên_file_script.js”
</script> </body>
</html>
<script type="text/javascript">
some javascript statements
(6)Nhúng Javascript vào trang web
• Đặt tag <head> </head>: đoạn
script thực thi trang web
mở
• Đặt tag <body> </body>: Đoạn
script phần body thực thi
trang web mở (sau thực thi
đoạn script có phần <head>)
(7)7 2 Một ví dụ
<html> <head>
<title>
(8)3 NGÔN NGỮ JAVASCRIPT 3.1 Giới thiệu
3.2 Cú pháp quy ước 3.3 Kiểu liệu
3.4 Khai báo biến, phạm vi biến 3.5 Toán tử
3.6 Một số đối tượng liệu 3.7 Cấu trúc điều khiển
3.8 Hàm
(9)9 3.1 Giới thiệu
JavaScript thường dùng
tạo hiệu ứng cho ảnh trang web trò chơi (game)
trả lời kiện: nhấn chuột, di chuyển chuột,… đọc ghi thẻ HTML
kiểm tra tính xác thực liệu
phát trình duyệt sử dụng để duyệt web tạo cookie
(10)3.2 Cú pháp quy ước
• Ghi chú: theo cú pháp C++
– Ghi dòng: //
(11)11 3.2 Cú pháp quy ước
break do if sw itch typeof
case else in this var
catch false instanceof throw void
continue finally new true w hile
(12)3.2 Cú pháp quy ước
abstract double goto native static
boolean enum implements package super
byte export import private synchronized char extends int protected throw s
class final interface public transient const float long short volatile
(13)13 3.2 Cú pháp quy ước
arguments encodeURI Infinity Object String Array Error isFinite parseFloat SyntaxError Boolean escape isN aN parseInt TypeError
D ate eval Math RangeError undefined decodeURI EvalError N aN ReferenceError unescape
decodeURIComponent Function N umbe RegExp URIError
(14)(15)15
3.4 Khai báo biến, phạm vi biến • Cách đặt tên biến
– Bắt đầu chữ dấu _ – A Z,a z,0 9,_ : phân biệt HOA, Thường
• Sử dụng từ khóa var để khai báo biến • Ví dụ: var i;
• Gán giá trị cho biến:
– i = 10;
– i = “Mười”;
(16)3.4 Khai báo biến, phạm vi biến
• Phạm vi biến gắn liền với vùng chương trình khai báo
• Biến tồn cục có phạm vi hoạt động tồn tài liệu (khai báo ngồi hàm)
• Biến khai báo hàm có tác dụng bên hàm
• Một biến tồn cục tồn từ khai báo trang web đóng
(17)Đổi kiểu liệu
• Biến tự đổi kiểu liệu giá trị mà lưu trữ thay đổi
Ví dụ:
var x = 10; // x kiểu Number
x = “hello world !”; // x kiểu String
• Có thể cộng biến khác kiểu liệu Ví dụ:
var x;
x = “12” + 34.5; // KQ: x = “1234.5”
(18)(19)19 3.6 Một số đối tượng liệu
• String Object • Number Object • Date Object
(20)3.6 Một số đối tượng liệu - String
• length: chiều dài chuổi
• constructor: Dùng để kiểm tra kiểu biến
• prototype: Bổ sung prototype hàm cho
đối tượng
• Nối kết chuỗi toán tử +