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!!!