Enjoy the learning experience!!! Kết quả: Hình III.7 Dùng JavaScript Trên lý thuyết câu lệnh JavaScript đặt nơi tài liệu HTML Tuy nhiên, nên đặt câu lệnh script phần Điều đảm bảo tất câu lệnh đọc biên dịch trước gọi từ phần BODY Dùng file bên 27 Thường câu lệnh JavaScript nhúng tài liệu HTML Tuy nhiên, tạo file riêng chứa mã JavaScript File liên kết với tài liệu HTML Thuộc tính SRC (source) thẻ SCRIPT dùng để file chứa JavaScript mà cần sử dụng Khi xác định file nguồn, ta dùng tên đường dẫn tương đối tuyệt đối thuộc tính SRC Đó file văn chứa mã lệnh JavaScript, tên file có phần mở rộng “.js” Nó chứa câu lệnh hàm JavaScript Ta đưa thẻ HTML vào Trong ví dụ sau đây, có hai file tạo File thứ - “test.htm” file tài liệu HTML File thứ hai - “test.js” file văn có chứa mã JavaScript File liên kết với file tài liệu HTML File HTML: (test.htm)
Enjoy the learning experience!!! File nguồn JavaScript: (test.js) document.write("Hi! How are you?") Kết quả: 28 Hình III.8 Dùng JavaScript – File ngồi Lưu file test.htm test.js thư mục Đây ví dụ đơn giản mơ tả tính liên kết file riêng chứa mã lệnh JavaScript Tuy nhiên, việc thực chức liên kết file có lợi ta muốn chia sẻ hàm cho nhiều tài liệu HTML Trong trường hợp này, tạo file js với hàm thông thường File liên kết với tài liệu cần Nếu ta muốn điều chỉnh thêm vào vài hàm, ta cần thực thay đổi file mà thay phải nhiều tài liệu HTML Đi js phải server ánh xạ đến kiểu MINE application/x-javascript Server lúc gởi phần đầu (header) giao thức HTTP Để ánh xạ đuôi js với kiểu MIME ta thêm dòng code sau vào file chứa kiểu MIME thư mục config server Sau ta khởi động lại server type=application/x-javascript exts=js Nếu server khơng ánh xạ js đến application/x-javascript MIME trình duyệt không tải file JavaScript xác định thuộc tính SRC Đặt biểu thức JavaScript giá trị cho thuộc tính thẻ HTML Chúng ta dùng biểu thức JavaScript làm giá trị cho thuộc tính thẻ HTML Các giá trị thực cách động trang trình duyệt tải vào Cú pháp sau: & {expression}; Trong expression biểu thức JavaScript thực 29 Chẳng hạn ta định nghĩa biến chứa độ rộng Chúng ta dùng biến để xác định độ rộng đường kẻ ngang trang Web Trong ví dụ sau đây, giá trị độ rộng đặt 10: var linewidth = 10; Using entities Khi mã thực thi, phần tử HR dùng giá trị cuả biến linewidth minh họa hình Hình III.9 Dùng các biểu thức JavaScript Một biểu thức JavaScript sử dụng bên phía phải phần tên/giá trị (name/value pair) thẻ HTML Chẳng hạn dùng HR WIDTH="&{linewidth};%" câu lệnh dịch là: 30 Nếu sử dụng &{myTitle};, chuỗi &myTitle; hiển thị thay giá trị biến myTitle Dùng JavaScript trình xử lý kiện Chúng ta tạo trình xử lý kiện cho thẻ HTML dùng mã JavaScript Một kiện hành động hỗ trợ đối tượng Một trình xử lý kiện đoạn mã đuợc thực thi nhằm đáp trả sư kiện Cú pháp là: TAG thẻ HTML Event handler tên trình xử lý kiện, JavaScript code loạt câu lệnh JavaScript thực thi kiện kích hoạt Trong ví dụ sau đây, kiện onClick đựơc kích hoạt người dùng nhấp chuột vào phần tử BUTTON Trình xử lý kiện gọi để đáp trả kiện Trình xử lý kiện có chứa mã JavaScript thực thi trình duyệt function greeting () { alert ("Hi There !!"); } Kết quả: 31 Hình III.10 Dùng JavaScript - Alert III.2.4 NodeJS III.2.5 ExpressJS III.2.6 MongoDB 32 ... Nhược điểm website động • Chi phí xây dựng cao: So với tảng web khác chi phí dùng để xây dựng website động cao tốn nhiều Vì thế, định việc xây dựng web động bạn phải xác định chi phí bỏ lớn cần... tảng web khác Nhờ vào việc tạo nên từ công nghệ phổ biến việc sở hữu ngơn ngữ lập trình hệ quản trị liệu sở tối ưu mà web động cho phép lập trình viên dễ dàng để xây dựng, thiết lập trang web mà... từ máy chủ xuống, trình duyệt biên dịch mã hiển thị nội dung trang web, người dùng tương tác với trang web II.1.2 Các ngơn ngữ để lập trình website tĩnh Website tĩnh xây dựng chủ yếu từ ngơn