Đang tải... (xem toàn văn)
Lập trình Java Script
JavaScript JavaScript Lời nói đầu: Các bạn cầm tay sách “JavaScript cho người bắt đầu”,nếu bạn làm quen với ngôn ngữ JavaScript sách thực có ích cho bạn lối viết đơn giản,dễ hiểu,cộng thêm vào ví dụ minh họa sát với thực tế.Đây ấn khó khẳng định khơng mắc sai sót nào,mọi ý kiến đóng góp xin bạn vui lịng gửi hịm thư hieupn89@gmail.com Các bạn thơng qua hịm thư để gửi viết,các ví dụ hay JavaScript cho tác giả,góp phần hồn thiện sách lần ấn sau (các bạn lưu ý sách sách hoàn toàn phi lợi nhuận – P.N.H cảm ơn bạn đóng góp viết cho sách) Sau P.N.H mong chờ cảm ơn góp ý bạn,chúc bạn ln ln hạnh phúc luôn lạc quan yêu đời bạn nhé.Hẹn gặp lại bạn ấn lần thứ sách P.N.H JavaScript Mục lục Chương 1: JS BASIC Mở đầu JavaScrip Đặt code JavaScript đâu ? Câu lệnh JavaScript ? 10 Sử dụng Comment JS ? 11 Biến JavaScript 12 Các phép toán JavaScript 13 Các phép toán so sánh Logic JavaScript 15 Cấu trúc IF… ELSE 16 Cấu trúc lựa chọn Switch 19 Các hàm vào thông dụng 20 Sử dụng hàm eval() JavaScript 23 23 Hàm(function) JavaScript 26 Vòng lặp JavaScript 29 Vai trò lệnh Break Continue vòng lặp ? 32 Các lệnh thao tác đối tượng 34 Tạo đối tượng JavaScript 37 Sự kiện(event) JavaScript 42 Try – Catch 44 Lệnh throw 47 Các ký tự đặc biệt JavaScript 48 Một số ý sử dụng JavaScript 49 Objects JavaScript 51 String Objects 52 getElementById 58 Làm việc với thuộc tính innerHTML 58 Làm việc với ngày (Date) 60 Tạo đồng hồ bấm JavaScrip 67 Tạo đồng hồ điện tử cho bạn 69 Mảng (Array) 70 Boolean Objects 77 Math Objects 79 Tạo số ngẫu nhiên JavaScript 82 So mẫu (RegExp) JavaScript 82 Bài thực hành 1: 87 Bài thực hành 2: 92 thực hành 95 Bài thực hành 96 Sự phân cấp đối tượng JS 98 JavaScript Navigator 98 javaScript window 100 Location Object 107 Frame Object 112 Bài thực hành với Frame: 116 Document Object 119 Document Object Properties 120 JavaScript Document Object Methods 120 Image Object 125 Bài thực hành với image: 126 Bài thực hành tạo dao diện Yahoo Hỏi đáp: 131 Kiểm tra tính hợp lệ giá trị form với JavaScript 134 JavaScript Cookie 146 JavaScript Form Validation 155 Một số kỹ thuật hướng đối tượng làm tảng cho Javascript framework 159 JavaScript Animation 166 JavaScript Image map 167 JavaScript SetTimeOut CleartimeOut 168 JavaScript lập trình hướng đối tượng- phần 173 JavaScript lập trình hướng đối tượng- phần 180 Tóm tắt điều học 187 Mở đầu DOM HTML 188 HTML DOM nodes 189 HTML DOM node tree 190 HTML DOM Methods 192 Truy cập vào nút DOM 194 Sử dụng DOM để xác định thông tin node 200 Bài thực hành DOM 201 HTML DOM – event 203 BÀI TẬP: 204 LỜI GIẢI: 204 205 JavaScript JS BASIC Mở đầu JavaScrip JavaScript ngôn ngữ kịch web Nó ngơn ngữ hướng đối tượng Nó sử dụng hàng triệu trang web Để học tốt bạn phải có kiến thức HTML JavaScript ngơn ngữ lập trình dựa nguyên mẫu với cú pháp phát triển từ C Giống C, JavaScript có khái niệm từ khóa, đó, JavaScript gần khơng thể mở rộng Cũng giống C, JavaScript khơng có xử lý xuất/nhập (input/output) riêng Trong C sử dụng thư viện xuất/nhập chuẩn, JavaScript dựa vào phần mềm ngôn ngữ gắn vào để thực xuất/nhập Trên trình duyệt, nhiều trang web sử dụng JavaScript để thiết kế trang web động số hiệu ứng hình ảnh thơng qua DOM JavaScript dùng để thực số tác vụ thực với HTML kiểm tra thông tin nhập vào, tự động thay đổi hình ảnh, Ở Việt Nam, JavaScript JavaScript cịn ứng dụng để làm gõ tiếng Việt giống gõ sử dụng trang Wikipedia tiếng Việt Tuy nhiên, trình duyệt áp dụng JavaScript khác không tuân theo chuẩn W3C DOM, nhiều trường hợp lập trình viên phải viết nhiều phiên đoạn mã nguồn để hoạt động nhiều trình duyệt Một số cơng nghệ bật dịng JavaScript để tương tác với DOM bao gồm DHTML, Ajax SPA Bên trình duyệt, JavaScript sử dụng tập tin PDF Adobe Acrobat Adobe Reader Điều khiển Dashboard hệ điều hành Mac OS X phiên 10.4 có sử dụng JavaScript Cơng nghệ kịch linh động (active scripting) Microsoft có hỗ trợ ngơn ngữ JScript làm ngôn ngữ kịch dùng cho hệ điều hành JScript NET ngôn ngữ tương thích với CLI gần giống JScript có thêm nhiều tính lập trình hướng đối tượng Mỗi ứng dụng cung cấp mơ hình đối tượng riêng cho phép tương tác với môi trường chủ, với phần lõi ngơn ngữ lập trình JavaScript gần giống Ví dụ JavaScrip: document.write("This is my first JavaScript!"); ví dụ trang web lên dòng chữ “ this is my first JavaScript !” web tham khảo : http://www.w3schools.com sách tham khảo : JavaScript JavaScript Đặt code JavaScript đâu ? Cách 1: Đặt trang HTML Ví dụ: document.write("Hello World!"); Thậm chí code cịn tag HTML document.write("Hello World!"); JavaScript Để chèn đoạn code JavaScrip vào trang HTML sử dụng tag … Bên cạnh phải định nghĩa ngơn ngữ dùng tag ? JavaScript ? hay Vbscript ? Bởi đoạn code sau bắt buộc : … Ví dụ: Cách 2: đặt thẻ Head trang HTML ( thực cách cách 1) Ví dụ sau: function show_confirm() { …… } Cách 3: đặt phần trang HTML chả function message() { JavaScript 10 alert("This alert box was called with the onload event"); } document.write("This message is written by JavaScript"); Cách 4: viết code JavaScrip file riêng,rồi kết nối với file HTML Chú ý File có phần mở rộng js ,cách kết nối sau: Và bên ngồi có file xxx.js Câu lệnh JavaScript ? JavaScript chuỗi lệnh thực thi trình duyệt Mỗi lệnh JS báo cho trình duyệt biết phải làm ? Ví dụ câu lệnh sau báo cho trình duyệt biết phải in hình dóng chữ Hello Dolly document.write ("Hello Dolly"); cuối câu lệnh phải có dấu ; ( chấm phẩy) để trình duyệt phân biệt với câu lệnh khác dòng Các lệnh JS thực theo trình tự chúng viết,ví dụ sau cho thấy điều document.write("This is a heading"); document.write("This is a paragraph.
"); ... 166 JavaScript Image map 167 JavaScript SetTimeOut CleartimeOut 168 JavaScript lập trình hướng đối tượng- phần 173 JavaScript lập trình hướng đối... ngơn ngữ dùng tag ? JavaScript ? hay Vbscript ? Bởi đoạn code sau bắt buộc : … < /script> Ví dụ: < /script> ... sách tham khảo : JavaScript JavaScript Đặt code JavaScript đâu ? Cách 1: Đặt trang HTML Ví dụ: document.write("Hello World!"); < /script>