Bài giảng Thiết kế và lập trình Website: Chương 3 - ThS. Dương Thành Phết

Bài giảng Thiết kế và lập trình Website - Chương 3 giới thiệu về ngôn ngữ Javascript. Thông qua chương này người học có thể hiểu được tổng quan về Javascript; nắm bắt được các kiến thức liên quan đến ngôn ngữ kịch bản JavaScript; biết được khái niệm đối tượng, sự kiện và xử lý sự kiện,... Mời các bạn cùng tham khảo.

KHOA CAO ĐẲNG THỰC HÀNH THIẾT KẾ & LẬP TRÌNH WEBSITE (Chuyên ngành: Đồ Họa Đa Truyền Thông) Chƣơng NGÔN NGỮ JAVASCRIPT 1 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!!!