Bài giảng Thiết kế Website - Chương 3 giới thiệu về ngôn ngữ Javascript. Các nội dung chính được trình bày trong chương này gồm có: Tổng quan về Javascript, ngôn ngữ kịch bản JavaScript, đối tượng và sự kiện. Mời các bạn cùng tham khảo để nắm bắt các nội dung chi tiết.
KHOA CAO ĐẲNG THỰC HÀNH THIẾT KẾ & LẬP TRÌNH WEBSITE (Chuyên ngành: Quản Trị Mạng Máy Tính Chƣơng NGƠN NGỮ JAVASCRIPT © Dương Thành Phết www.thayphet.net - phetcm@gmail.com NỘI DUNG Tổng quan Javascript Ngôn ngữ JavaScript Đối tượng kiện © Dương Thành Phết www.thayphet.net - phetcm@gmail.com TỔNG QUAN VỀ JAVASCRIPT 1.1 Giới thiệu 1.2 Nhúng JavaScript vào File HTML 1.3 Các lệnh © Dương Thành Phết www.thayphet.net - phetcm@gmail.com 1.1 GIỚI THIỆU Với HTML biểu diễn thơng tin chưa có khả đáp ứng kiện từ phía người dùng Hãng Netscape đưa ngôn ngữ LiveScript để thực chức Sau đổi tên thành JavaScript để tận dụng tính đại chúng ngơn ngữ lập trình Java JavaScript ngơn ngữ dạng script gắn với file HTML Được trình duyệt diễn dịch dạng mã nguồn JavaScript ngơn ngữ dựa đối tượng, ví dụ đối tượng Math với tất chức toán học JavaScript không ngôn ngữ hướng đối tượng C++/Java © Dương Thành Phết www.thayphet.net - phetcm@gmail.com 1.2 NHÚNG JAVASCRIPT VÀO FILE HTML Sử dụng cách sau: Sử dụng câu lệnh hàm cặp thẻ Sử dụng File nguồn JavaScript Sử dụng biểu thức JavaScript làm giá trị thuộc tính HTML Sử dụng thẻ kiện (event handlers) thẻ HTML Trong đó, sử dụng cặp thẻ nhúng File nguồn JavaScript sử dụng nhiều © Dương Thành Phết www.thayphet.net - phetcm@gmail.com 1.2 NHÚNG JAVASCRIPT VÀO FILE HTML Nhúng JavaScript vào trang HTML Sử dụng cặp thẻ Cú pháp: // Chèn mã Javacript vào Ví dụ: Sưu tầm mã JavaScript từ Internet hiệu ứng “Chuột đồng hồ” nhúng vào trang web © Dương Thành Phết www.thayphet.net - phetcm@gmail.com 1.2 NHÚNG JAVASCRIPT VÀO FILE HTML Sử dụng File nguồn JavaScript Phương pháp ưa chuộng cách nhúng file lệnh JavaScript vào trang HTML Cú pháp: Ví dụ: Sưu tầm mã JavaScript từ Internet hiệu ứng “Ngoài rơi đầy” nhúng vào trang web © Dương Thành Phết www.thayphet.net - phetcm@gmail.com 1.3 CÁC LỆNH CƠ BẢN 1.3.1 Cú pháp lệnh: JavaScript xây dựng hàm, phát biểu, toán tử biểu thức dòng kết thúc ; Cách gọi phương thức đối tượng sau: object_name.property_name; Ví dụ: document.write("Chào bạn!"); © Dương Thành Phết www.thayphet.net - phetcm@gmail.com 1.3 CÁC LỆNH CƠ BẢN 1.3.1 Cú pháp lệnh(tt) Hiển thị dòng văn document.write(“Chuỗi văn bản”); Ví dụ: document.write("Chào bạn"); Hiển thị hộp thoại thông báo –Lệnh alert() alert("Câu thông báo"); alert("Chào mừng bạn đến với JavaScript! \n Nhấn Ok để tiếp tục"); Chúc bạn thành công!!!