intTypePromotion=1
zunia.vn Tuyển sinh 2024 dành cho Gen-Z zunia.vn zunia.vn
ADSENSE
 » 
 » 

Tài liệu hướng dẫn giảng dạy - Lập trình Web nâng cao

Chia sẻ: Pham Quynh Anh | Ngày: | Loại File: PDF | Số trang:60

Thêm vào BST
Báo xấu
405
lượt xem 169
download
 
  Download Vui lòng tải xuống để xem tài liệu đầy đủ

Nội dung bài học: JavaScript và hỗ trợ của trình duyệt, Sơ lược về ngôn ngữ JavaScript, Sử dụng Visual InterDEV, Thời điểm thực hiện một đoạn Script, Phạm vi của biến, Các đối tượng cơ sở trong JavaScript. Trong mô hình 3 lớp của ứng dụng web, tới giờ này bạn có thể thấy rõ vai trò xử lý của 2 lớp CSDL và web server. Nhiệm vụ của web browser lúc này vẫn chỉ là hiển thị những kết quả xử lý của web server. Thực sự, client (web browser) cũng có khả năng thực hiện các xử lý, tính toán...

Chủ đề:

Bình luận(0) Đăng nhập để gửi bình luận!

Lưu

Nội dung Text: Tài liệu hướng dẫn giảng dạy - Lập trình Web nâng cao

  1. TRUNG TAÂM TIN HOÏC - ÑAÏI HOÏC KHOA HOÏC TÖÏ NHIEÂN TP. HCM 227 Nguyeãn Vaên Cöø – Quaän 5 – Tp. Hoà Chí Minh Tel: 8351056 – Fax 8324466 – Email: ttth@hcmuns.edu.vn TAØI LIEÄU HÖÔÙNG DAÃN GIAÛNG DAÏY CHÖÔNG TRÌNH KYÕ THUAÄT VIEÂN Hoïc phaàn 5 LAÄP TRÌNH WEB NAÂNG CAO Maõ taøi lieäu: DT_NCM_LT_HDGD_LTWEBNC Phieân baûn 1.1 – Thaùng 08/04
  2. Taøi lieäu höôùng daãn giaûng daïy Muïc luïc Muïc luïc 1 GIÔÙI THIEÄU 3 GIAÙO TRÌNH LYÙ THUYEÁT 4 TAØI LIEÄU THAM KHAÛO 4 HÖÔÙNG DAÃN PHAÀN LYÙ THUYEÁT 5 Baøi 1 TOÅNG QUAN VEÀ JAVASCRIPT 5 I. Giôùi thieäu baøi hoïc ..................................................................................................................6 II. JavaScript vaø hoã trôï cuûa trình duyeät .....................................................................................7 II.1. Ñoaïn JavaScript ñaàu tieân ................................................................................................... 8 III. Sô löôïc veà ngoân ngöõ JavaScript ...........................................................................................9 III.1. Demo: Söû duïng Visual InterDEV ñeå laäp trình JavaScript.................................................. 12 IV. Thôøi ñieåm thöïc hieän moät ñoaïn Script..................................................................................13 V. Phaïm vi söû duïng bieán .........................................................................................................15 VI. Caùc ñoái töôïng cô sôû trong JavaScript .................................................................................16 Baøi 2 Caùc ñoái töôïng JavaScript trong trang Web 17 I. Giôùi thieäu baøi hoïc ................................................................................................................18 II. Caùc ñoái töôïng trong trang web............................................................................................19 II.1. Sô ñoà caùc ñoái töôïng trong trang web............................................................................... 20 II.2. Truy caäp ñeán caùc ñoái töôïng ............................................................................................. 21 III. Ñoái töôïng window vaø document ..........................................................................................22 III.1. Söû duïng ñoái töôïng Windows ............................................................................................ 23 III.2. Söû duïng ñoái töôïng Document ........................................................................................... 26 IV. Ñoái töôïng form vaø caùc thaønh phaàn......................................................................................28 IV.1. Söû duïng ñoái töôïng form ................................................................................................... 29 IV.2. Toång quan caùc ñoái töôïng trong form................................................................................ 31 IV.3. Toång quan caùc ñoái töôïng trong form (tt).......................................................................... 32 IV.4. Ñoái töôïng Text ................................................................................................................. 33 IV.5. Ñoái töôïng CheckBox vaø RadioButton................................................................................. 34 IV.6. Ñoái töôïng Select............................................................................................................... 36 V. Kieåm tra döõ lieäu nhaäp treân form .........................................................................................38 Hoïc phaàn 5 – Laäp Trình Web Naâng Cao Trang 1/59
  3. Taøi lieäu höôùng daãn giaûng daïy Baøi 3 Caùc ñoái töôïng môû roäng trong JavaScript 39 I. Giôùi thieäu baøi hoïc ................................................................................................................40 II. Xöû lyù caùc söï kieän baèng ñoái töôïng event..............................................................................41 II.1. Ñoái töôïng event...............................................................................................42 II.2. Xöû lyù caùc söï kieän baøn phím.............................................................................43 II.3. Xöû lyù caùc söï kieän chuoät...................................................................................45 III. Caùc ñoái töôïng môû roäng .......................................................................................................46 III.1. Söû duïng ñoái töôïng Image ...............................................................................47 III.2. Söû duïng ñoái töôïng location .............................................................................49 III.3. Söû duïng ñoái töôïng history...............................................................................50 III.4. Söû duïng ñoái töôïng navigator...........................................................................51 IV. Laøm vieäc vôùi caùc frame.......................................................................................................52 ÑEÀ THI MAÃU CUOÁI NHOÙM HOÏC PHAÀN 55 ÑEÀ THI MAÃU KIEÅM TRA GIAÙO VIEÂN 59 Hoïc phaàn 5 – Laäp Trình Web Naâng Cao Trang 2/59
  4. Taøi lieäu höôùng daãn giaûng daïy GIÔÙI THIEÄU Sau khi hoaøn thaønh khoùa hoïc, hoïc vieân seõ coù khaû naêng: • Söû duïng thaønh thaïo ngoân ngöõ JavaScript • Söû duïng thaønh thaïo moâi tröôøng laäp trình web Visual InterDEV • Xaây döïng caùc öùng duïng web hoaøn chænh Vôùi thôøi löôïng laø 36 tieát LT vaø 60 tieát TH ñöôïc phaân boå nhö sau: STT Baøi hoïc Soá tieát LT Soá tieát TH 1 Toång quan veà JavaScript 6 10 2 Caùc ñoái töôïng JavaScript trong trang web 6 8 3 Caùc ñoái töôïng JavaScript môû roäng 2 2 4 Thöïc taäp ñoà aùn thöïc teá web 22 40 Toång soá tieát : 36 60 Hoïc phaàn 5 – Laäp Trình Web Naâng Cao Trang 3/59
  5. Taøi lieäu höôùng daãn giaûng daïy GIAÙO TRÌNH LYÙ THUYEÁT Söû duïng giaùo trình “Laäp Trình ÖÙng Duïng Web” cuûa taùc giaû Nguyeãn Thaùi Höng, in laàn thöù 1. TAØI LIEÄU THAM KHAÛO Hoïc phaàn 5 – Laäp Trình Web Naâng Cao Trang 4/59
  6. Taøi lieäu höôùng daãn giaûng daïy HÖÔÙNG DAÃN PHAÀN LYÙ THUYEÁT Baøi 1 TOÅNG QUAN VEÀ JAVASCRIPT Toùm taét Lyù thuyeát 6 tieát - Thöïc haønh 10 tieát Muïc tieâu Caùc muïc chính Baøi taäp baét Baøi taäp laøm buoäc theâm Giới thiệu về ngôn ngữ I. Giới thiệu bài học 1.1 – 1.10 JavaScript áp dụng trong việc xây dựng các đọan II. JavaScript và hỗ trợ của trình client-side script. Truyền duyệt đạt cho học viên những III. Sơ lược về ngôn ngữ JavaScript khái niệm quan trọng về thời điểm thực hiện của IV. Thời điểm thực hiện một đoạn một đoạn JavaScritp, biến Script và phạm vi sử dụng cũng như việc sử dụng các đối V. Phạm vi sử dụng biến tượng cơ bản của JavaScritp như String, VI. Các đối tượng cơ sở trong Date, Math,… để xử lý các JavaScript dữ liệu nhập, xuất. Sau khi hoàn tất bài học này, học viên có thể: Nắm vững cú pháp của ngôn ngữ JavaScript Xác định thời điểm một đọan Script được thực hiện Sử dụng môi trường Visual InterDEV để lập trình với JavaScript Sử dụng được các đối tượng cơ sở của JavaScript Hoïc phaàn 5 – Laäp Trình Web Naâng Cao Trang 5/59
  7. Taøi lieäu höôùng daãn giaûng daïy I. Giới thiệu bài học Nội dung bài học JavaScript và hỗ trợ của trình duyệt Sơ lược về ngôn ngữ JavaScript Sử dụng Visual InterDEV Thời điểm thực hiện một đoạn Script Phạm vi của biến Các đối tượng cơ sở trong JavaScript Trong mô hình 3 lớp của ứng dụng web, tới giờ này bạn có thể thấy rõ vai trò xử lý của 2 lớp CSDL và web server. Nhiệm vụ của web browser lúc này vẫn chỉ là hiển thị những kết quả xử lý của web server. Thực sự, client (web browser) cũng có khả năng thực hiện các xử lý, tính toán riêng của mình. Bài này trình bày với bạn cách sử dụng JavaScript để lập trình trên Web browser. Bạn sẽ biết cách sử dụng môi trường Visual InterDEV để viết các đoạn JavaScript, xác định thời điểm mà đoạn Script sẽ được thực hiện và làm việc với các đối tượng cơ sở của JavaScript như String, Date,… Hoïc phaàn 5 – Laäp Trình Web Naâng Cao Trang 6/59
  8. Taøi lieäu höôùng daãn giaûng daïy II. JavaScript và hỗ trợ của trình duyệt JavaScript và hỗ trợ của trình duyệt Một số xử lý đơn giản không cần thiết gửi về Server. Cần có: Một cơ chế thi hành chương trình tại browser Một công cụ để viết chương trình cho browser JavaScript là công cụ lập trình Client Script phổ biến nhất Được hỗ trợ bởi các web browser phổ biến Nhiều lập trình viên Web sử dụng, chia sẻ Ứng dụng Web với HTML và ASP Với HTML và ASP hay một Server script nào khác ta hoàn toàn có thể xây dựng một ứng dụng Web hoàn chỉnh với đầy đủ các tính năng về truy xuất và quản lý CSDL. Mô hình ứng dụng của chúng ta đặt toàn bộ các xử lý ở Web server, mỗi lần thực hiện một chức năng client sẽ gửi yêu cầu cho Web server và chờ nhận kết quả. Nếu bạn đang thực hành trên máy đơn với Web server đặt chính tại máy mà bạn chạy trình duyệt hoặc trên một máy trong hệ thống mạng Intranet, tốc độ tương tác giữa Web server và Client sẽ không quan trọng hay thậm chí nhanh gần bằng tốc độ của một ứng dụng Windows Application. Tuy nhiên, nếu thử ứng dụng thực sự trên Internet, bạn sẽ thấy tốc độ là một yếu tố ảnh hưởng rất nhiều tới một ứng dụng web. Tìm cách tăng tốc độ cho ứng dụng web Nếu cân nhắc kỹ, ta thấy một số xử lý đơn giản thực ra không cần thiết gửi về cho Server. Ví dụ, nếu người dùng nhập dữ liệu sai hay thiếu thì gửi dữ liệu đó về cho Web server cũng không xử lý được. Vậy, những xử lý đó có thể đặt ở vị trí nào? Cần có một cơ chế thực thi chương trình được hỗ trợ bởi trình duyệt và một công cụ để viết chương trình chạy ngay tại trình duyệt, đó chính là Client Script mà chúng ta đã có dịp nói tới. JavaScript là công cụ lập trình Client Script phổ biến nhất. Đầu tiên, nó được Nestcape xây dựng với tên gọi LiveScript. LiveScript lấy nhiều ý tưởng từ Java của Sun và sau đó được đổi tên thành JavaScript. Các bộ trình duyệt đầu tiên hỗ trợ JavaScript là của Nestcape, tiếp theo chân Nestcape, Microsoft cung cấp các phiên bản IE từ 4.0 hỗ trợ JavaScript để các trình duyệt web nhỏ khác “noi gương” theo. Microsoft thậm chí còn tung ra ngôn ngữ Jscript của riêng mình bên cạnh VBScript khá giống với JavaScript của Nestcape. Với sự hỗ trợ của các trình duyệt, JavaScript liên tục được nâng cấp qua nhiều phiên bản và chứng tỏ được tính hiệu quả qua sự cuốn hút của nó với các nhà lập trình Web. Giờ đây trên Internet, bạn có thể tìm ra vô số những đoạn JavaScript hữu dụng cho trang web của mình. Ứng dụng của JavaScript có thể nói chủ yếu gồm 2 phần: Kiểm tra dữ liệu nhập và trình bày giao diện cho trang web. Trong chương này và chương kế, chúng tôi sẽ tập trung vào việc kiểm tra dữ liệu nhập. Ở chương sau đó, bạn sẽ được cung cấp các ví dụ đa dạng cho các ứng dụng về giao diện của JavaScript. Hoïc phaàn 5 – Laäp Trình Web Naâng Cao Trang 7/59
  9. Taøi lieäu höôùng daãn giaûng daïy II.1. Đoạn JavaScript đầu tiên Đoạn JavaScript đầu tiên Các đoạn code JavaScript cần đặt trong tag JavaScript phân biệt chữ HOA/thường Đối tượng document đại diện cho trang web và hành động write dùng để ghi một chuỗi HTML trong trang web Ví dụ function cmdOK_onclick() { document.write(frm.txtTen.value) } Doan JavaScript dau tien Ten cua ban   Khi chạy thử và nhập tên vào textbox: Click vào nút OK, tên của bạn sẽ được hiện trên một trang web khác, chỉ có 1 dòng: Nguyen Thai Hung Bạn cần nắm 3 điểm cơ bản sau: Các đoạn code JavaScript cần đặt trong tag JavaScript phân biệt chữ HOA/thường Đối tượng document đại diện cho trang web và hành động write dùng để ghi một chuỗi HTML trong trang web Hoïc phaàn 5 – Laäp Trình Web Naâng Cao Trang 8/59
  10. Taøi lieäu höôùng daãn giaûng daïy III. Sơ lược về ngôn ngữ JavaScript Sơ lược về ngôn ngữ JavaScript Câu lệnh: khai báo, điều khiển, thực thi Biến: không có kiểu, có thể (không) khai báo trước Chỉ có một loại chương trình con: function Luôn phải có dấu () khi gọi hàm alert(“chuỗi thông báo”) hiện lên hộp thoại thông báo document.write(“chuỗi HTML”) ghi chuỗi HTML vào trang web promt(“nội dung nhập liệu”) hiện một hộp thoại nhập liệu Chúng tôi không muốn dài dòng về các chi tiết của ngôn ngữ lập trình và cũng như đã làm với VBScript, bạn sẽ dễ dàng nắm những điểm chủ chốt trong cách viết chương trình bằng JavaScript. Ngoài ra, nếu bạn từng viết C hay Java bạn sẽ không cần thiết phải đọc phần này. Câu lệnh Có thể chia các câu lệnh trong JavaScript thành 3 loại: Các câu lệnh khai báo biến, hàm Các câu lệnh điều khiển (if, for, while) Các câu lệnh thực thiOK Về nguyên tắc, các câu lệnh thực thi và khai báo biến phải kết thúc bằng dấu ; nhưng bạn thực sự không cần tới hai ngón tay cho ký tự rườm rà này cuối mỗi dòng. Biến Điểm tương tự này bạn đã từng gặp trong VBScript: biến không có kiểu dữ liệu. Bạn sẽ khai báo biến bằng câu lệnh: • var [= ] gán ngay một giá trị cho biến là không cần thiết nhưng nếu có, giá trị sẽ giúp bạn dễ xác định kiểu dữ liệu của biến hơn. Biến có thể là một giá trị số, chuỗi, ngày giờ hay một đối tượng. Ví dụ: var doc = document Chú ý: Hãy cẩn thận với biểu thức có nhiều biến vì JavaScript không làm tốt việc tự động chuyển đổi kiểu dữ liệu, thông thường dữ liệu được chuyển thành kiểu chuỗi. Ví dụ: x = 5 y = “1” z = x + y // z = “51” Hoïc phaàn 5 – Laäp Trình Web Naâng Cao Trang 9/59
  11. Taøi lieäu höôùng daãn giaûng daïy Một số hàm đơn giản Bạn sẽ cần vài hàm đơn giản để hiển thị thông tin sau: alert(“chuỗi thông báo”): hiện lên hộp thoại thông báo document.write(“chuỗi HTML”): ghi chuỗi HTML vào trang web promt(“nội dung nhập liệu”): hiện một hộp thoại nhập liệu Ví dụ: nhập vào một chuỗi và hiện lại thông báo là chuỗi vừa nhập ten = prompt(“Nhap vao ten cua ban:”) alert(“Xin chao, ” + ten) document.write(“Xin chao, ” + ten + “”) Các cấu trúc điều khiển Cấu if … else có dạng if (điều kiện){ các lệnh … }else{ các lệnh … } Chú ý: Biểu thức điều kiện cần đặt trong dấu (), khi có nhiều điều kiện nối với nhau bạn dùng && thay cho AND, || thay cho OR và ! thay cho NOT. Bạn cũng phải để ý rằng phép toán so sánh bằng là: == Bộ ngoặc { } dùng để “khoanh vùng” một khối lệnh, nếu chỉ có 1 lệnh bạn không cần đến { }. Cấu trúc lặp for có dạng for (I = gt đầu;I
  12. Taøi lieäu höôùng daãn giaûng daïy Cấu trúc lặp while có dạng while (điều kiện lặp){ khối lệnh … } Chừng nào điều kiện lặp còn đúng, vòng lặp while sẽ vẫn còn thực hiện. Hãy xem ví dụ sau biến vòng lặp for thành while: Ví dụ: i = 1 while (i 1) for (i=2; i
  13. Taøi lieäu höôùng daãn giaûng daïy III.1. Demo: Sử dụng Visual InterDEV để lập trình JavaScript Trong phần này, giáo viên sẽ trình bày các kỹ thuật sử dụng Visual InterDEV để lập trình JavaScript: Chèn vào một đọan JavaScript Bẫy các sự kiện như click, onmousedown,… Sử dụng Script Outline Hoïc phaàn 5 – Laäp Trình Web Naâng Cao Trang 12/59
  14. Taøi lieäu höôùng daãn giaûng daïy IV. Thời điểm thực hiện một đoạn Script Thời điểm thực hiện một đoạn Script Các lệnh không nằm trong function được thực hiện ngay lập tức Function chỉ thực hiện khi được gọi. Function có thể được gọi Do một sự kiện Do một câu lệnh Khi viết chương trình, điều quan trọng mà người lập trình cần biết là thời điểm mà một dòng lệnh được thực hiện. Bạn có thể chèn các đoạn JavaScript ở bất cứ đâu trong trang web tuy nhiên, thời điểm mà các script đó được thực hiện như sau: Các lệnh JavaScript không nằm trong function sẽ được thực hiện ngay khi trình duyệt xử lý trang web vào lúc khởi động Các function chỉ thực hiện khi được gọi. Một function được gọi từ một lệnh JavaScript hay bởi một sự kiện mà nó xử lý Một số sự kiện tự động phát sinh trong khi một số sự kiện phát sinh do tác động của người dùng Ví dụ: document.write("Phan HEAD") function button1_onclick() { alert("Button click!!!") } function window_onload() { alert("Khoi dong") } document.write("Phan BODY") Hoïc phaàn 5 – Laäp Trình Web Naâng Cao Trang 13/59
  15. Taøi lieäu höôùng daãn giaûng daïy document.write("Ket thuc xu ly trang web") Khi thực hiện ví dụ trên, bạn sẽ thấy kết quả là trang web như sau: Trang web sẽ hiện ra trước khi hộp thông báo “Khoi dong” hiển thị. Các đoạn document.write không nằm trong function và được thực hiện theo thứ tự từ trên xuống dưới trong trang web. Function windows_onload() được thực hiện do sự kiện onload của đối tượng window phát sinh. Trong trang web, đối tượng window được coi là tag . Hộp thông báo hiện ra sau khi toàn bộ trang web đã được hiển thị chứng tỏ sự kiện onload diễn ra sau khi toàn bộ document đã được trình duyệt xử lý. Khi bạn click vào Button, hộp thông báo “Button click!!!” hiện lên, đây là thời điểm mà function button1_onclick được thực hiện. Hoïc phaàn 5 – Laäp Trình Web Naâng Cao Trang 14/59
  16. Taøi lieäu höôùng daãn giaûng daïy V. Phạm vi sử dụng biến Phạm vi sử dụng biến Biến cục bộ chỉ có thể tham chiếu trong phạm vi của hàm mà nó được khai báo Biến toàn cục phải được khai báo ở ngoài các hàm và có phạm vi sử dụng trong toàn bộ trang web Phạm vi sử dụng biến cũng là mối quan tâm không nhỏ của người lập trình. JavaScript cũng phân biệt hai loại biến: Biến toàn cục: Khai báo ngoài phạm vi của các function Biến cục bộ: Khai báo trong một function Phạm vi của biến cục bộ là function mà nó khai báo. Điều này có nghĩa là các câu lệnh nằm ngoài function khi tham chiếu tới biến này thì sẽ có thể gây ra lỗi. Đương nhiên là bạn không gặp lỗi gì cả nếu bạn tham chiếu tới biến đó để gán giá trị vì điều này cũng giống như bạn khai báo một biến mới vậy. Phạm vi của biến toàn cục là toàn bộ trang web. Điều này có nghĩa là giữa các đoạn khác nhau, bạn vẫn có thể chia sẻ một biến toàn cục. Biến toàn cục chỉ có phạm vi trong một trang web, không liên quan gì tới trang web khác trong cùng một website, nếu bạn muốn lưu một biến toàn cục trong website, bạn sẽ cần dùng đến cookies. Ví dụ: var x = 5 function A(){ var y = 10 x++ document.write("x=" + x + ", y=" +y) } A() x-- y=1 document.write("x=" + x + ", y="+y) Hoïc phaàn 5 – Laäp Trình Web Naâng Cao Trang 15/59
  17. Taøi lieäu höôùng daãn giaûng daïy VI. Các đối tượng cơ sở trong JavaScript Các đối tượng cơ sở trong JavaScript JavaScript sử dụng các ĐỐI TƯỢNG để xử lý dữ liệu Các đối tượng cơ bản: String, Math, Date, Array Sử dụng đối tượng x = “abcde” y = x.charAt(3) //vì chỉ số tính từ 0 nên y = “d” doc = window.document doc.write(“doc cung chinh la document”) “JavaScript”.toUpperCase() //JAVASCRIPT Tạo mới đối tượng a = new Array() a(2) = 3 JavaScript cung cấp các hàm công cụ thông qua những đối tượng. Khi cần xử lý các loại dữ liệu cơ bản kiểu chuỗi, số, ngày giờ hay mảng ta sẽ dùng những đối tượng tương ứng: String: xử lý dữ liệu chuỗi Math: xử lý dữ liệu số Date: xử lý dữ liệu ngày, giờ Array: xử lý dữ liệu mảng Vì một biến trong JavaScript không có kiểu dữ liệu, JavaScript sẽ dựa vào giá trị chứa trong biến để xác định biến đó thuộc loại đối tượng nào. Ví dụ sau đây minh hoạ cách sử dụng đối tượng String. Ví dụ: x = “abcde” y = x.charAt(3) //vì chỉ số tính từ 0 nên y = “d” Ví dụ sau minh hoạ cách gán một đối tượng cho một biến: Ví dụ: doc = document doc = window.document doc.write(“Doi tuong doc cung chinh la document”) JavaScript cũng có thể áp dụng các hành động (method) hay thuộc tính (property) trực tiếp trên các giá trị. Ví dụ: “Thomas Jefferson”.toUpperCase() //THOMAS JEFFERSON “JavaScript”.length // 10 Chú ý: Giáo viên hướng dẫn học viên sử dụng tài liệu để tham khảo các bảng liệt kê các thuộc tính và hành động thường dùng của các đối tượng. Hoïc phaàn 5 – Laäp Trình Web Naâng Cao Trang 16/59
  18. Taøi lieäu höôùng daãn giaûng daïy Baøi 2 Caùc ñoái töôïng JavaScript trong trang Web Toùm taét Lyù thuyeát 6 tieát - Thöïc haønh 8 tieát Muïc tieâu Caùc muïc chính Baøi taäp baét Baøi taäp laøm buoäc theâm Đây là bài giảng quan I. Giới thiệu bài học 2.1 – 2.5 trọng nhất của phần II. Các đối tượng trong trang web JavaScript, tập trung vào việc sử dụng các đối III. Đối tượng window và document tượng trong trang web IV. Đối tượng form và các thành phần dựa vào sơ đồ các đối tượng được trình bày ở V. Kiểm tra dữ liệu nhập trên form đầu bài giảng. Bên cạnh việc hướng dẫn sử dụng từng đối tượng cụ thể, giáo viên nên thường xuyên tham chiếu lại sơ đồ đối tượng để học viên có thể nắm bắt cách truy cập vào một đối tượng cần làm việc. Sau khi hoàn tất bài học này, học viên có thể: Đọc hiểu sơ đồ các đối tượng Sử dụng các đối tượng window và document để quản lý trang web Sử dụng các đối tượng của form, truy cập và kiểm tra các dữ liệu nhập trên form. Hoïc phaàn 5 – Laäp Trình Web Naâng Cao Trang 17/59
  19. Taøi lieäu höôùng daãn giaûng daïy I. Giới thiệu bài học Nội dung bài học Các đối tượng trong trang web Đối tượng window và document Đối tượng form và các thành phần Kiểm tra dữ liệu nhập trên form Ở bài trước, bạn đã nắm hết các nền tảng của JavaScript bao gồm các đối tượng cơ bản, cách đưa script vào trang web và cách xử lý các sự kiện phát sinh từ trang web. Trong bài này, chúng ta sẽ tiếp tục với những đối tượng như form, textbox, button,… Làm sao để truy cập đến những đối tượng này? Chúng có những thuộc tính và sự kiện gì? Nắm được những điểm này, bạn đã có thể toàn quyền kiểm soát được trang web trong khi người dùng thao tác. Hoïc phaàn 5 – Laäp Trình Web Naâng Cao Trang 18/59
  20. Taøi lieäu höôùng daãn giaûng daïy II. Các đối tượng trong trang web Các đối tượng trong trang web Sơ đồ các đối tượng trong trang web Truy cập đến các đối tượng Về mặt cấu trúc, trang web có thể coi là một tài liệu với các thành phần bên trong như các liên kết, hình ảnh, form,… Để có thể làm việc với từng thành phần đó, JavaScript cung cấp cho người lập trình một sơ đồ tổ chức các đối tượng phân cấp trong trang web. Dựa trên sơ đồ này, người lập trình có thể truy cập và làm việc được với bất kỳ đối tượng nào. Hoïc phaàn 5 – Laäp Trình Web Naâng Cao Trang 19/59
ADSENSE

CÓ THỂ BẠN MUỐN DOWNLOAD

THÔNG TIN
TRỢ GIÚP
HỖ TRỢ KHÁCH HÀNG
Theo dõi chúng tôi

Chịu trách nhiệm nội dung:

Nguyễn Công Hà - Giám đốc Công ty TNHH TÀI LIỆU TRỰC TUYẾN VI NA

LIÊN HỆ

Địa chỉ: P402, 54A Nơ Trang Long, Phường 14, Q.Bình Thạnh, TP.HCM

Hotline: 093 303 0098

Email: support@tailieu.vn

Giấy phép Mạng Xã Hội số: 670/GP-BTTTT cấp ngày 30/11/2015 Copyright © 2022-2032 TaiLieu.VN. All rights reserved.

 

Đồng bộ tài khoản
2=>2