Đang tải... (xem toàn văn)
Nội dung Bài giảng Lập trình Web trình bày đến người học những vấn đề liên quan đến Javascript, cụ thể như: Giới thiệu, kiểu dữ liệu, hằng và biến, các phép toán trong javascript, các đối tượng hộp thoại trong javascript, các cấu trúc điều khiển cơ bản, mảng và hàm trong javascript, các đối tượng trong javascript, xử lý sự kiện trong javascript.
LẬP TRÌNH WEB TRẦN QUANG DIỆU NỘI DUNG Giới thiệu Kiểu liệu, biến Các phép toán javascript Các đối tượng hộp thoại javascript Các cấu trúc điều khiển Mảng hàm javascript Các đối tượng javascript Xử lý kiện javascript GIỚI THIỆU JAVA SCRIPT • Với HTML ta thiết kế trang web để hiển thị thông tin, không tạo tương tác từ phía người dùng • JavaScript ngôn ngữ kịch (do hãng Sun Microsystems Netscape phát triển từ ngôn ngữ LiveScripts) dùng để tạo client-side scripts server-side scripts (có tương tác với người dùng) • Mặc dù có điểm tương đồng Java JavaScipt , chúng hai ngôn ngữ riêng biệt Lưu ý: code javascript phân biệt chữ hoa chữ thường CÁCH NHÚNG JAVASCRIPT VÀO MỘT TRANG HTML JavaScript chèn vào tài liệu HTML theo cách sau: • Sử dụng thẻ SCRIPT • Sử dụng file JavaScript từ bên ngồi • Sử dụng biểu thức JavaScript giá trị thuộc tính thẻ • Sử dụng JavaScript trình điều khiển kiện CÁCH NHÚNG JAVASCRIPT VÀO MỘT TRANG HTML Sử dụng thẻ SCRIPT: • Khi trình duyệt gặp phải thẻ đó, đọc dịng gặp thẻ đóng • Tiếp đến kiểm tra lỗi câu lệnh Javascript • Nếu gặp phải lỗi, cho hiển thị lỗi chuỗi hộp cảnh báo (alert boxes) lên hình • Nếu khơng có lỗi, câu lệnh biên dịch cho máy tính hiểu đợc lệnh CÚ PHÁP SỬ DỤNG THẺ SCRIPT Việc khai báo sử dụng ngơn ngữ Javascript đặt vị trí cặp thẻ … Tuy nhiên, nên đặt câu lệnh script phần để đảm bảo tất câu lệnh đọc biên dịch trước đ2ợc gọi từ phần BODY VÍ DỤ SỬ DỤNG THẺ SCRIPT SỬ DỤNG MỘT FILE JAVASCRIPT File javascript file văn chứa mã lệnh JavaScript, file javascript có phần mở rộng “.js” Nó chứa câu lệnh hàm JavaScript, chứa thẻ HTML SỬ DỤNG MỘT FILE JAVASCRIPT LẬP TRÌNH VỚI JAVASCRIPT ĐỐI TƯỢNG CƠ BẢN • Array: đối tượng dùng quản lí danh sách mảng • Math: đối tượng liên quan đến phép tính tốn học • String: đối tượng dùng để thao với chuỗi văn • Date: đối tượng liên quan đến ngày ĐỐI TƯỢNG TRÌNH DUYỆT window: • Công dụng: dùng quản lý thông tin tất đối tượng cửa sổ trình duyệt •Các thuộc tính bản: đối tượng window xem đối tượng (base class) tất đối tượng khác • Các phương thức bản: alert(), blur(), close(), open(), focus(), navigate() ĐỐI TƯỢNG TRÌNH DUYỆT document: dùng quản lý thông tin tài liệu HTML cửa sổ trình duyệt (được xem đối tượng window) ĐỐI TƯỢNG TRÌNH DUYỆT history: dùng quản lý danh sách URL duyệt ĐỐI TƯỢNG TRÌNH DUYỆT location: dùng quản lý thông tin URL XỬ LÝ SỰ KIỆN Javascript quản lý tương tác người dùng trình duyệt thơng qua quản lý kiện (Event) Form đối tượng Form Sự kiện gì? XỬ LÝ SỰ KIỆN Sự kiện kết thao tác người dùng tác động lên đối tượng • Một kiện bao gồm thơng tin • Kiểu kiện: click, double click, change, • Vị trí trỏ thời điểm xảy kiện SỰ KIỆN CƠ BẢN Đối tượng window: (onLoad - onUnload) Công dụng: kiện xảy người dùng mở trang đóng trang Ví dụ: viết trang người dùng mở trang hiển thị thơng báo nhập Tên, sau xuất “Hi, welcome my pages”, sau đóng trang hiển thị thông báo “Good bye, see you again !” ĐỐI TƯỢNG FORM Sự kiện form xử lý phụ thuộc vào yếu tố sau: • Thuộc tính kiện form: Action, Method, … • Việc xử lý kiện đối tượng (button, textbox, ) bên form: onSubmid, onClick, onBlur, onChange, … VÍ DỤ VÍ DỤ BÀI TẬP Thiết kế trang cho phép nhập thông tin họ tên năm sinh, xuất câu chào cho biết tuổi người BÀI TẬP thiết kế trang gồm radio button cho phép người dùng thay đổi hình ảnh trang sau BÀI TẬP thiết kế trang cho phép người dùng đăng nhập, thành cơng cho phép người dùng xem sản phẩm trang sanpham.html BÀI TẬP thiết kế trang gồm button cho phép người dùng thay đổi màu trang sau ... duyệt tuổi người BÀI TẬP CẤU TRÚC LẶP 1.Viết chương trình nhập n, in trình duyệt bảng cửu chương thứ n 2.Viết chương trình nhập n, in in trình duyệt n bảng cửu chương 3. Viết chương trình nhập số... dung") VÍ DỤ CẤU TRÚC ĐIỀU KHIỂN BÀI TẬP CẤU TRÚC ĐIỀU KIỆN 1.Viết chương trình giải biện luận phương trình bậc 2.Viết chương trình giải biện luận phương trình bậc 3. Nhập cạnh tam giác a , b , c:... 4.Viết chương trình kiểm tra ngày, tháng, năm có hợp lệ? 5.Viết chương trình nhập điểm TB, cho biết xếp loại: giỏi, khá, trung bình, yếu 6.Viết chương trình nhập năm sinh, 18 tuổi in trình duyệt