Bài giảng Giới thiệu về JavaScript cung cấp các kiến thức giải thích về scripting, giải thích về ngôn ngữ JavaScript, biến và kiểu dữ liệu trong JavaScript, các ký tự không in ra và hàm xây dựng sẵn trong JavaScript, sự kiện và trình điều khiển sự kiện, Sử dụng jQuery Mobile.
Giới thiệu JavaScript Mục tiêu Giải thích scripting Giải thích ngơn ngữ JavaScript Giải thích client-side server-side JavaScript Biến kiểu liệu JavaScript Một số phương thức hiển thị thông tin JavaScript Các ký tự không in hàm xây dựng sẵn JavaScript Sự kiện trình điều khiển kiện Giải thích jQuery Sử dụng jQuery Mobile HTML5/ Giới thiệu JavaScript Scripting 1-3 Scripting đề cập đến loạt lệnh diễn giải thực xảy kiện Sự kiện hành động tạo người dùng tương tác với trang web Ví dụ kiện bao gồm nút bấm, lựa chọn sản phẩm từ menu… Ngôn ngữ scripting dùng để hướng dẫn cung cấp số chức người dùng tương tác với trang web Các ngôn ngữ Scripting ngôn ngữ thường nhúng trang HTML để thay đổi hành vi trang web theo yêu cầu người dùng HTML5/ Giới thiệu JavaScript Scripting 2-3 HTML5/ Giới thiệu JavaScript Hình hiển thị cần thiết cho kịch Scripting 3-3 Có hai loại ngơn ngữ kịch Họ sau: Client-side Scripting: • Dùng để kịch thực máy tính khách hàng trình duyệt Server-side Scripting: • Dùng để kịch thực máy chủ Web để tạo trang HTML động Hình hiển thị loại kịch Scripting Client-side Scripting HTML5/ Giới thiệu JavaScript Server-side Scripting JavaScript 1-2 JavaScript ngôn ngữ kịch cho phép xây dựng trang web động cách đảm bảo tương tác người dùng tối đa JavaScript ngơn ngữ dựa đối tượng, có nghĩa cung cấp đối tượng để xác định chức Trong sống thực, đối tượng thực thể nhìn thấy xe bảng có số thuộc tính hành động định Tương tự vậy, ngơn ngữ kịch bản, đối tượng có nhận dạng nhất, trạng thái hành vi Danh tính đối tượng phân biệt với đối tượng khác loại Trạng thái đối tượng liên quan đến đặc điểm nó, hành vi đối tượng bao gồm hành động Các đối tượng lưu danh tính trạng thái trường (cịn gọi biến) phơi bày hành vi thơng qua chức (hành động) HTML5/ Giới thiệu JavaScript JavaScript 2-2 HTML5/ Giới thiệu JavaScript Hình hiển thị số đối tượng giới thực Các phiên JavaScript Phiên JavaScript phát triển Brendan Eich Netscape vào năm 1995 đặt tên JavaScript 1.0 Bảng liệt kê phiên khác ngôn ngữ JavaScript Phiên HTML5/ Giới thiệu JavaScript Mô tả 1.1 Được hỗ trợ từ phiên 3.0 Netscape Navigator Internet Explorer 1.2 Được hỗ trợ Internet Explorer từ phiên 4.0 1.3 Được hỗ trợ Internet Explorer từ phiên 5.0, Netscape Navigator từ phiên 4.0, Opera từ phiên 5.0 1.4 Được hỗ trợ máy chủ Netscape Opera 1.5 Được hỗ trợ Internet Explorer từ phiên 6.0, Netscape Navigator từ phiên 6.0, Mozilla Firefox từ phiên 1.0 1.6 Được hỗ trợ phiên trình duyệt Internet Explorer Netscape Navigator Nó hỗ trợ trình duyệt Mozilla Firefox từ phiên 1.5 1.7 Được hỗ trợ phiên trình duyệt Internet Explorer Netscape Navigator Nó hỗ trợ trình duyệt Mozilla Firefox từ phiên 2.0 Client-side JavaScript 1-2 A Client-side JavaScript (CSJS) thực trình duyệt máy trạm người dùng A client-side script chứa lệnh cho trình duyệt để xử lý tương tác người dùng Những lệnh để thay đổi giao diện nội dung trang web dựa yếu tố đầu vào người sử dụng Ví dụ hiển thị trang chào mừng với tên người dùng, ngày thời gian hiển thị, xác nhận chi tiết người sử dụng cần điền vào… A JavaScript nhúng trang HTML tạo riêng tập tin, mà lưu với phần mở rộng js Trong client-side script, HTML yêu cầu, máy chủ Web gửi tất tập tin cần thiết vào máy tính người dùng Trình duyệt web thực thi kịch hiển thị trang HTML cho người dùng với kết hữu hình kịch HTML5/ Giới thiệu JavaScript Client-side JavaScript 2-2 HTML5/ Giới thiệu JavaScript Hình hiển thị đầu JavaScript phía máy khách 10 ... qua chức (hành động) HTML5/ Giới thiệu JavaScript JavaScript 2-2 HTML5/ Giới thiệu JavaScript Hình hiển thị số đối tượng giới thực Các phiên JavaScript Phiên JavaScript phát triển Brendan... kịch HTML5/ Giới thiệu JavaScript Client-side JavaScript 2-2 HTML5/ Giới thiệu JavaScript Hình hiển thị đầu JavaScript phía máy khách 10 Server-side JavaScript 1-2 A Server-side JavaScript thực... máy chủ Web chạy để tạo đầu mong muốn HTML5/ Giới thiệu JavaScript 11 Server-side JavaScript 2-2 HTML5/ Giới thiệu JavaScript Hình hiển thị đầu JavaScript phía máy khách 12 Thẻ 1-2