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

60 390 0
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

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

Thông tin tài liệu

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!!! [...]... JavaScript 3. 2 .3 các sự kiện có sẵn của một số đối tượng 3. 3 Các đối tƣợng thƣờng dùng 3. 3.1 Đối tượng window 3. 3.2 Đối tượng forms 3. 3 .3 Đối tượng Date 3. 3.4 Đối tượng Math 3. 3.5 Đối tượng String 3. 3.6 Đối tượng history 3. 3.7 Đối tượng links 3. 3.8 Đối tượng Navigator 3. 3.9 Đối tượng document 32 © Dương Thành Phết www.thayphet.net - phetcm@gmail.com 3. 1 KHÁI NIỆM ĐỐI TƢỢNG 3. 1.1 Khái niệm về đôi tƣợng JavaScript. .. document.write("abc 137 = " + parseFloat("abc 137 ") + ""); document.write("1abc37= " + parseFloat("1abc37") + ""); 31 © Dương Thành Phết www.thayphet.net - phetcm@gmail.com 3 ĐỐI TƢỢNGVÀ SỰ KIỆN 3. 1 Khái niệm đối tƣợng 3. 1.1 Khái niệm về đôi tượng 3. 1.2 Các câu lệnh thao tác trên đối tượng 3. 2 Sự kiện & Xử lý sự kiện 3. 2.1 Khái niệm sự kiện và xử lý sự kiện 3. 2.2 Một số sự kiện trong JavaScript. ..2 NGÔN NGỮ KỊCH BẢN JAVASCRIPT 2.1 Biến 2.2 Kiểu dữ liệu 2 .3 Tóan tử & Biểu thức trong JavaScript 2.4 Cấu trúc lập trình 2.5 Mảng - Array 2.6 Hàm - Function 11 © Dương Thành Phết www.thayphet.net - phetcm@gmail.com 2.1 BIẾN 2.1 Biến  Như các ngôn ngữ lập trình khác javascript dùng biến để lưu trữ các giá trị nhập vào, các giá trị tính toán Mỗi biến có một... phetcm@gmail.com 2 .3 LỆNH, KHỐI LỆNH TRONG JAVASCRIPT  Các câu lệnh trong JavaScript kết thúc bằng một dấu chấm phẩy (;)  Một khối lệnh là đoạn chương trình gồm hai lệnh trở lên và được đặt trong cặp ngoặc nhọn: { }  Bên trong một khối lệnh có thể chứa một hay nhiều khối lệnh khác 15 © Dương Thành Phết www.thayphet.net - phetcm@gmail.com 2.4 TÓAN TỬ & BIỂU THỨC TRONG JAVASCRIPT 2.4.1 Định nghĩa và phân... phetcm@gmail.com 2.5 CẤU TRÚC LẬP TRÌNH 2.5 .3 Vòng lặp While(tt) Ví dụ: x=1; while (x Lớn hơn >= Lớn hơn hoặc bằng < Nhỏ hơn ... kiện JavaScript 3. 2 .3 kiện có sẵn số đối tượng 3. 3 Các đối tƣợng thƣờng dùng 3. 3.1 Đối tượng window 3. 3.2 Đối tượng forms 3. 3 .3 Đối tượng Date 3. 3.4 Đối tượng Math 3. 3.5 Đối tượng String 3. 3.6... 2 .3 Tóan tử & Biểu thức JavaScript 2.4 Cấu trúc lập trình 2.5 Mảng - Array 2.6 Hàm - Function 11 © Dương Thành Phết www.thayphet.net - phetcm@gmail.com 2.1 BIẾN 2.1 Biến  Như ngôn ngữ lập trình. .. 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

Ngày đăng: 22/04/2016, 09:25

Từ khóa liên quan

Tài liệu cùng người dùng

  • Đang cập nhật ...

Tài liệu liên quan