Bài giảng Thiết kế web: Chương 4 cung cấp cho người học những kiến thức như: Tổng quan về JavaScript; Ngôn ngữ JavaScript; Đối tượng và sự kiện. Mời các bạn cùng tham khảo!
TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT NỘI DUNG KHOA KỸ THUẬT - CÔNG NGHỆ Tổng quan JavaScript Ngôn ngữ JavaScript THIẾT KẾ WEB Đối tượng kiện Chương NGÔN NGỮ JAVASCRIPT Phone: 0274 3834930 Website: http://et.tdmu.edu.vn 18/01/2019 TỔNG QUAN VỀ JAVASCRIPT Bài giảng Thiết kế Web 1.1 Giới thiệu Với HTML biểu diễn thông tin chưa phải trang Web động có khả đáp ứng kiện từ phía người dùng Hãng Netscape đưa ngơn ngữ script có tên 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, trình duyệt đọc JavaScript dạng mã nguồn JavaScript ngôn ngữ dựa đối tượng, nghĩa bao gồm nhiều kiểu đối tượng, ví dụ đối tượng Math với tất chức toán học Nhưng JavaScript không ngôn ngữ hướng đối tượng C++/Java 1.1 Giới thiệu 1.2 Nhúng JavaScript vào File HTML 1.3 Các lệnh 18/01/2019 Bài giảng Thiết kế Web 18/01/2019 Bài giảng Thiết kế Web 1.2 Nhúng JavaScript vào File HTML 1.2 Nhúng JavaScript vào File HTML Sử dụng cách sau: Nhúng JavaScript vào trang HTML 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 Sử dụng cặp thẻ Cú pháp: // Chèn mã Javacript vào tính HTML Sử dụng thẻ kiện (event handlers) thẻ HTML Ví dụ: Sưu tầm mã JavaScript từ Website http://www.echip.com.vn hiệu ứng “Chuột đồng hồ” nhúng vào trang web Trong đó, sử dụng cặp thẻ nhúng File nguồn JavaScript sử dụng nhiều 18/01/2019 file nguồn biểu thức Bài giảng Thiết kế Web kiện 18/01/2019 Bài giảng Thiết kế Web 1.2 Nhúng JavaScript vào File HTML 1.3 Các lệnh Sử dụng File nguồn JavaScript Cú pháp lệnh: Phương pháp ưa chuộng cách nhúng file lệnh JavaScript xây dựng hàm, phát biểu, toán tử JavaScript vào trang HTML Cú pháp: Ví dụ: Sưu tầm mã JavaScript từ Website http://www.echip.com.vn hiệu ứng “Ngoài rơi đầy” nhúng vào trang web 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!"); 18/01/2019 Bài giảng Thiết kế Web 18/01/2019 1.3 Các lệnh Bài giảng Thiết kế Web 1.3 Các lệnh Giao tiếp với người sử dụng – Lệnh prompt() Hiển thị dịng văn window.prompt("Câu thơng báo","nội dung mặc định"); document.write(“Chuỗi văn bản”); Ví dụ: document.write("Chào bạn"); var name=window.prompt("Xin chào!Bạn tên gì?",""); document.write("Xin chào bạn " + name + " ! Chúc bạn học tốt JavaScript "); 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!!!