THPT NGÔ QUY
ỀN, Q.7
Di
ễn đ
àn HS: http://ngoquyen-edu.info
L
ẬP TR
ÌNH WEB C
Ơ BẢ
N B
ẰNG HTML & JAVASCRIPT
Giáo viên: Thiên
Đăng
Trang 1
PH
ẦN
2:
L
ẬP TR
ÌNH§ 1: M
ỘT SỐ KHÁI NIỆM & L
ỆNH CƠ BẢN
I. Khái ni
ệm:
- Javascript (JS) là m
ột n
gôn ng
ữ kịch bản, được thiết kế để tăng tính tương
tác cho các trang Web.-
Đơn giản & nhẹ hơn bất kỳ ngô
n ng
ữ lập tr
ình nào. Th
ực thi trực tiếp tr
ên
máy client, tương thích với hầu hết tr
ình duy
ệt web.
- Nhúng tr
ực tiếp vào trang Web. Thường dùng để kiểm tra dữ liệu do người
dùng nh
ập vào các form tương tác,
t
ạo ra các hiệu ứng chuột hay hiệu ứng
text, ...
II. V
ị trí đặt m
ã JS trong trang Web.
Mã l
ệnh JS được đặt trong cặp thẻ <script> và </script> khi đặt trong trang
web.
<script language=”javascript”>//vi
ết chương tr
ình
ở đây
// nh
ớ sử dụng chữ thường
</script>
1. Bên trong:
Có th
ể đặt nhiều đoạn
mã JS vào cùng m
ột trang HTML ở
nhi
ều
v
ị trí khác nhau:
<html><head>... ph
ần đầu
</head><body>... ph
ần thân
</body></html>
-
Trong ph
ần he
ad: s
ẽ được phi
ên d
ịch trước phần body. Chỉ được thực thikhi được gọi hoặc có sự kiện (event)
x
ảy ra.
-
Trong body: được phi
ên d
ịch
ngay và th
ực thi khi trang đ
ã n
ạp v
ào trìnhduy
ệt.
2. Đặt b
ên ngoài:
THPT NGÔ QUY
ỀN, Q.7
Di
ễn đ
àn HS: http://ngoquyen-edu.info
L
ẬP TR
ÌNH WEB C
Ơ BẢ
N B
ẰNG HTML & JAVASCRIPT
Giáo viên: Thiên
Đăng
Trang 2
Các l
ệnh JS được lưu trữ trong một tập tin ri
êng có ph
ần
m
ở rộng là .js đặt
cùng c
ấp thư mục với trang Web. Khi cần có thể gọi từ trang web bằng thẻ:
<script language = “javascript” src=”tenfile.js”> </script>
-
S
ử dụng chữ thường
-
Trong file js ch
ỉ cần chứa lệnh js không cần cặp thẻ <script></script>
III. L
ệnh đơn
gi
ản:
-
L
ệnh: L
à phát bi
ểu được viết tr
ên 1 dòng,
dùng để ra lệnh cho chương
trình th
ực hiện 1 công việc nào đó. Kết thúc bằng dấu chấm phẩy
;-
Kh
ối lệnh: l
à nhi
ều lệnh được đặt trong cặp dấu {}
. Chúng ph
ải
th
ực hiện
tu
ần tự để đạt được mục đích của người
l
ập tr
ình.
VD l
ệnh đơn
:
<script language=”javascript”>//M
ột lệnh đơn
document.write(“
Phương tr
ình vô nghi
ệm
”);</script>
VD kh
ối lệnh
:
<script language=”javascript”>{//Kh
ối lệnh
var x1, x2;x1=(-b+Math.sqrt(delta))/2/a;x2=(-b-Math.sqrt(delta))/2/a;}</script>
Khi t
ạo khối lệnh t
hì c
ặp {}
nên
đặt bằng lề trái với nhau.
Chú ý: Văn bản đi sau cặp dấu // l
à ghi chú c
ủa người lập tr
ình, trình duy
ệt sẽ
b
ỏ qua các d
òng này
1. L
ệnh xuất thông báo ra m
àn hình – Alert box:
window.alert(“Câu thông báo”);
VD1:
<script language="javascript">window.
alert("Đây là một thông báo !");
</script>
THPT NGÔ QUY
ỀN, Q.7
Di
ễn đ
àn HS: http://ngoquyen-edu.info
L
ẬP TR
ÌNH WEB C
Ơ BẢ
N B
ẰNG HTML & JAVASCRIPT
Giáo viên: Thiên
Đăng
Trang 3
2. L
ệnh xuất văn bản ra m
àn hình Browser:
document.write(“N
ội dung văn bản”);
L
ệnh n
ày có th
ể xuất các thẻ HTML. Các giá trị trong
thu
ộc tính của thẻ được
dùng b
ằng dấu nháy đơn thay
vì nháy kép
như trước đây.
VD2:
<script language="javascript">document.write("<h2 align=’center’>Chào l
ớp 10A2
!</h2>");document.write(“Chào m
ừng lớp 10A2 đến với <b> Javascript
</b> <br> ”);document.write(“Chúc các em vui h
ọc”);
</script>
Mu
ốn xuống
dòng ta có th
ể d
ùng th
ẻ <br> như HTML
3. Nh
ập dữ liệu v
ào m
ột biến
:
var <tên bi
ến>;
<tên bi
ến
> = window.prompt(“L
ời nhắc”,”
giá tr
ị gợi ý
”);VD3:
<script language="javascript">var ten;ten=window.prompt("B
ạn t
ên gì ?","Không Tên");document.write("oh, chào " + ten + "<br>Hoan nghênh b
ạn đến
v
ới JavaScript");
</script>
Bài đăng
0 nhận xét:
Đăng nhận xét