Tổng quan về Java script
Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (2.19 MB, 191 trang )
TỔNG QUAN VỀ JAVASCIPT
MỤC TIÊU
Mô tả về JavaScript
Nắm bắt nền tảng cú pháp của JavaScript
JavaScript là gì?
Với HTML chúng ta đã biết cách tạo ra trang Web – tuy
nhiên chỉ mới ở mức biểu diễn thông tin chứ chưa phải
là các trang Web động 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 để 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.
Mặc dù có những điểm tương đồng giữa Java và
JavaScipt , nhưng chúng vẫn là hai ngôn ngữ riêng biệt
JavaScript là gì?
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
JavaScript làm một ngôn ngữ kịch bản được hãng Sun
Microsystems và Netscape phát triển.
JavaScript được phát triển từ
Livescript.
Của Netscape
Các ứng dụng client chạy trên một trình duyệt như
Netscape Navigator hoặc Internet Explorer.
Các hiệu ứng và các quy tắc
của JavaScript
JavaScript có thể tăng cường tính động và tính
tương tác của các website bằng cách sử dụng các
hiệu ứng của nó.
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
Tương tự các ngôn ngữ khác, JavaScript cũng tuân
theo các quy tắc ngữ pháp như:
Sử dụng quy tắt chữ hoa
Using Pairs
Using Spaces
Using Comments
Các công cụ của JavaScript
và môi trường thực thi
Các công cụ sinh mã JavaScript và giao phần
mềm có giao diện phát triển ứng dụng IDE
được sử dụng giúp tự động tạo ra các đoạn mã
JavaScript code. Một vài chức năng được sinh
mã:
Dialog Box
Pop – up Menu Builder
Remotes
Môi trường thực thi
Các Scripting ở Client
Java Script trên Web Server
Nhúng JavaScript vào trang web
JavaScript có thể chèn vào một tài liệu HTML theo
những cách sau :
Sử dụng thẻ SCRIPT
Sử dụng một file JavaScript ở ngoài
Sử dụng các biểu thức JavaScript trong các giá trị
thuộc tính của thẻ
Sử dụng JavaScripttrong các trình điều khiển sự
kiện
Nhúng JavaScript vào trang web
Sử dụng thẻ SCRIPT
Khi trình duyệt gặp phải một the <SCRIPT> nào đó, nó
sẽ đọc từng dòng một cho đến khi gặp thẻ đóng
</SCRIPT>.
Tiếp đến nó sẽ kiểm tra lỗi trong các câu lệnh
Javascript.
Nếu gặp phải lỗi, nó sẽ cho hiển thị lỗi đó trong chuỗi
các hộp cảnh báo (alert boxes) lên màn hình.
Nếu không có lỗi, các câu lệnh sẽ được biên dịch sao
cho máy tính có thể hiểu được lệnh đó.
Nhúng JavaScript vào trang web
Sử dụng thẻ SCRIPT
Cú pháp
<script language = “JavaScript”>
<! –
JavaScript statements;
// >
</script>
Nhúng JavaScript vào trang web
Sử dụng thẻ SCRIPT
Thuộc tính language trong thẻ script chỉ ra ngôn ngữ
mà trình duyệt sẽ dùng để biên dịch script.
Chúng ta cũng có thể chỉ rõ phiên bản JavaScript nào
sẽ được trình duyệt sử dụng.
Ví dụ:
<script language = “JavaScript1.2”>
Nhúng JavaScript vào trang web
Sử dụng thẻ SCRIPT
<! statements // > là các thẻ chú thích.
Những thẻ này được dùng để báo cho trình duyệt bỏ
qua các câu lệnh chứa trong nó.
<! Là thẻ mở của thẻ chú thích, // > là thẻ đóng.
Các thẻ này không bắt buộc phải có, nhưng ta nên đưa
chúng vào trong các đoạn script.
Nhúng JavaScript vào trang web
Sử dụng thẻ SCRIPT
Chỉ có Netscape 2.0 và các phiên bản sau đó mới hỗ
trợ JavaScript.
Các thẻ chú thích đảm bảo các phiên bản cũ hoặc các
trình duyệt không hỗ trợ JavaScript sẽ bỏ qua các câu
lệnh được nhúng trong tài liệu HTML.
Nhúng JavaScript vào trang web
Ví dụ
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
document.write("Xin chao cac ban!");
</SCRIPT>
</HEAD>
<BODY>
<P> Chao mung cac ban den voi the gioi cua JavaScript
</BODY>
</HTML>
Nhúng JavaScript vào trang web
Kết quả
Nhúng JavaScript vào trang web
Trên lý thuyết các câu lệnh JavaScript có
thể được đặt ở bất kỳ nơi nào trong tài
liệu HTML.
Tuy nhiên, nên đặt các câu lệnh script
trong phần <head> và </head> để đảm
bảo tất cả các câu lệnh đều được đọc và
biên dịch trước khi nó được gọi từ trong
phần BODY
Nhúng JavaScript vào trang web
Dùng file bên ngoài
Chúng ta có thể tạo ra một file riêng chứa mã
JavaScript.
File này có thể được liên kết với một tài liệu HTML.
Thuộc tính SRC (source) của thẻ <SCRIPT> dùng để
chỉ ra file chứa JavaScript mà nó cần sử dụng.
Có thể dùng tên đường dẫn tương đối và tuyệt đối
trong thuộc tính SRC.
Nhúng JavaScript vào trang web
Dùng file bên ngoài
<script language = “JavaScript” src=”filename.js”>
</script>
Filename là file văn bản chứa các mã lệnh JavaScript,
tên file có phần mở rộng là “.js”.
Nó chỉ có thể chứa các câu lệnh và các hàm JavaScript,
không thể chứa các thẻ HTML.
Nhúng JavaScript vào trang web
Ví dụ
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript" src = “vidu.js”>
</SCRIPT>
</HEAD>
<BODY>
<P> Chao mung cac ban den voi the gioi cua JavaScript
</BODY>
</HTML>
File vidu.js:
document.write (“Xin chao cac ban!”)
Nhúng JavaScript vào trang web
Kết quả
Nhúng JavaScript vào trang web
Dùng file bên ngoài
Việc thực hiện chức năng liên kết các file sẽ rất có lợi
khi chia sẻ các hàm cho nhiều tài liệu HTML.
Trong trường hợp này, ta có thể tạo ra một file .js với
các hàm thông thường. File này được liên kết với các
tài liệu cần nó.
Nếu muốn điều chỉnh hoặc thêm vào một vài hàm, chỉ
cần thay đổi trong một file thay vì phải thực hiện trên
nhiều tài liệu HTML
Nhúng JavaScript vào trang web
Dùng JavaScript trong trình xử lý sự kiện
Một sự kiện là một hành động được hỗ trợ bởi một đối
tượng.
Một trình xử lý sự kiện là đoạn mã sẽ được thực thi
nhằm đáp trả một sự kiện.
<TAG event handler=”JavaScript code”>
TAG là một thẻ HTML. Event handler là tên của trình xử
lý sự kiện, và JavaScript code là một loạt các câu lệnh
JavaScript được thực thi khi sự kiện được kích hoạt.
Nhúng JavaScript vào trang web
Ví dụ
<HTML>
<HEAD>
<SCRIPT>
function vidu()
{
alert ("Xin chao!");
}
</SCRIPT>
</HEAD>
<BODY>
<FORM>
<INPUT TYPE="button"
VALUE="Bam vao day"
onClick="vidu()">
</FORM>
</BODY>
</HTML>
Nhúng JavaScript vào trang web
Kết quả
Thẻ <NOSCRIPT> và </NOSCRIPT>
Cặp thẻ này dùng để định rõ nội dung thông báo
cho người sử dụng biết trình duyệt không hỗ trợ
JavaScript.
Khi đó trình duyệt sẽ không hiểu thẻ <SCRIPT> và
nó bị lờ đi, còn đoạn mã nằm trong cặp thẻ này sẽ
được Navigator hiển thị.
Ngược lại, nếu trình duyệt có hỗ trợ JavaScript thì
đoạn mã trong cặp thẻ <NOSCRIPT> sẽ được bỏ
qua.
Thẻ <NOSCRIPT> và </NOSCRIPT>
Ví dụ
<NOSCRIPT>
<B> Trang này có sử dụng JavaScript. Do đó bạn cần sử dụng trình
duyệt Netscape Navigator từ version 2.0 trở đi
<BR>
<A HREF=" />Hãy kích chuột vào đây để tải về phiên bản Netscape mới hơn
</A>
</BR>
</NOSCRIPT>
