V. CÁC ĐỐI TƯỢNG JAVASCRIPT
V.4. SỬ DỤNG CÁC SCRIPT TRONG TỆP TIN TƯ LIỆU HTML
JavaScript là một ngôn ngữ kịch bản họat động trên client-side và server-side, nhưng hiện nay nó được sử dụng để xây dựng các ứng dụng cho client-side, muốm vậy phải nhúng các mã kịch bản vào trong tệp tin tư liệu HTML. Có hai phương pháp : sử dụng thẻ <SCRIPT> của ngôn ngữ HTML và liên kết đến một tệp tin văn bản mã ASCII chứa các mã JavaScript.
Sử dụng thẻ <SCRIPT>
Toàn bộ mã JavaScript được đặt bên trong cặp thẻ <SCRIPT> và </SCRIPT>. Khi trình duyệt xử lý tệp tin HTML, gặp thẻ <SCRIPT> nó sẽ đọc toàn bộ các dòng lệnh cho đến khi gặp thẻ
</SCRIPT>, thông dịch và thực hiện lệnh, nếu có lỗi sẽ thông báo trên cửa sổ alert.
Ví dụ : <HTML> <HEAD> <SCRIPT language="JavaScript"> <!- dấu mã JavaScript đối với những trình duyệt cũ > // các lệnh JavaScript </SCRIPT> </HEAD> <BODY> <SCRIPT language="JavaScript"> <!- dấu mã JavaScript đối với những trình duyệt cũ > // các lệnh JavaScript </SCRIPT>
<NOSCRIPT>
<!-Các thẻ HTML thay thế nếu trình duyệt không hỗ trợ JavaScript -> </NOSCRIPT>
</BODY> </HTML>
Nơi viết các biến toàn cục, các hàm dùng trong trang web
Nơi gọi các hàm hay các đoạn mã JavaScript khác.
Sử dụng các tệp tin bên ngoài:
<SCRIPT language="JavaScript" type = "text/js" SRC="fileName1.js> </SCRIPT> ...
<SCRIPT language="JavaScript" type = "text/js" SRC="fileNameN.js> </SCRIPT> Thẻ <SCRIPT> có các thuộc tính:
- language có giá trị là một ngôn ngữ kịch bản cùng phiên bản của nó, có thể là :"JavaScript 1.5", "JScript 5.6", "ECMAscript 262", "VBscript".
- type = "text/js" báo cho trình duyệt biết tệp tin bên ngoài có thể có phần mở rộng là .js hay .txt
đều được, đây là thuộc tính tùy chọn.
- SCR xác định URL dẫn đến một tệp tin JavaScript đặt bên ngoài tệp HTML.
o Khi muốn sử dụng các biểu thức của JavaScript để làm giá trị thuộc tính cho một thẻ HTML ta dùng cú pháp: thuộc tính ="&{biểu thức};".
Ví dụ :
<SCRIPT language="JavaScript"> var d=70; </SCRIPT> <BODY>
<TABLE border=1 width="&{d};%>
<TR><TD> Nội dung 1</TD><TD> Nội dung 2</TD></TR> </TABLE>
</BODY>