Đang tải... (xem toàn văn)
Lý thuyết lập trình ngôn ngữ html5 và css3 từ cơ bản đến nâng cao phần 3.
BËI 3 LËM VIỆC VỚI JAVASCRIPT VË JQUERY NHẮC LẠI BËI TRƯỚC ! Sử dụng ng™n ngữ ‡nh dấu HTML5 ! Lˆm việc với c‡c phần tử nội dung (content) của HTML5 ! Tổng quan về những thˆnh phần form mới của HTML5 ! Lˆm việc với thˆnh phần form mới trong HTML5 Slide 3 - Lˆm việc với Javascript vˆ JQuery 2 MỤC TIæU BËI HỌC ! Tổng quan về Javascript vˆ Jquery ! Lˆm việc với Javascript ! Lˆm việc với thư viện Jquery ! Học Javascript, jQuery với w3schools Slide 3 - Lˆm việc với Javascript vˆ JQuery 3 TỔNG QUAN VỀ JAVASCRIPT TỔNG QUAN VỀ JAVASCRIPT ! Javascript lˆ ng™n ngữ kịch bản c— cấu trœc vˆ cœ ph‡p ri•ng ! Được sử dụng để thiết kế th•m tương t‡c tr•n trang web ! Thường được nhœng trực tiếp vˆo trang HTML ! Sử dụng rộng r‹i, kh™ng cần bản quyền Slide 3 - Lˆm việc với Javascript vˆ JQuery 5 TỔNG QUAN VỀ JAVASCRIPT ! Javascript c— thể lˆm được g“? ! Cung cấp cho nhˆ thiết kế HTML c™ng cụ lập tr“nh ! Phản ứng được với c‡c sự kiện, v’ dụ: trang web vừa load xong, sự kiện nhấn chuột, É ! C— thể đọc, thay đổi nội dung của phần tử HTML ! X‡c nhận dữ liệu, v’ dụ: dữ liệu đầu vˆo ! Ph‡t hiện tr“nh duyệt của người d•ng ! Được sử dụng để tạo ra c‡c cookie Slide 3 - Lˆm việc với Javascript vˆ JQuery 6 LËM VIỆC VỚI JAVASCRIPT LËM VIỆC VỚI JAVASCRIPT ! Khai b‡o javascript: ! Sử dụng cặp thẻ <script>É</script> để ch•n javascript vˆo trang HTML ! Trong cặp thẻ chứa c‡c thuộc t’nh để x‡c định ng™n ngữ kịch bản ! M‹ javascirpt được thực hiện bởi tr“nh duyệt Slide 3 - Lˆm việc với Javascript vˆ JQuery 8 <script type=text/javascript> …………… </script> LËM VIỆC VỚI JAVASCRIPT ! Javasscript c— thể được đặt trong v•ng <body> hoặc v•ng <head> Slide 3 - Lˆm việc với Javascript vˆ JQuery 9 <!DOCTYPE html> <html> <body> <script type="text/javascript"> ……………. </script> </body> </html> <head> <script type="text/javascript"> …. </script> </head> LËM VIỆC VỚI JAVASCRIPT ! C‰u lệnh javascript: ! Được thực hiện bởi tr“nh duyệt ! Thực hiện theo thứ tự c‰u lệnh ! getElementById (): lˆ phương ph‡p truy cập c‡c yếu tố đầu ti•n với ID x‡c định Slide 3 - Lˆm việc với Javascript vˆ JQuery 10 document.getElementById("demo").innerHTML="Hello Dolly"; document.getElementById("myDIV").innerHTML="How are you?";