Giáo trình Java Script

1JAVASCRIPT Download miễn phí mọi thứ tại ilook.asia Script là gì ? 2 Học lập trình trực tuyến tại myclass.vn Giới thiệu về Script !   ClientVSide$Script$ !   Script$ được$ thực$ thi$ tại$Client'Side$ (trình$ duyệt):$ Thực$ hiện$ các$ tương$ tác$ với$ người$ dùng$ ($ tạo$ menu$chuyển$động,$$)$,$kiểm$tra$dữ$liệu$nhập,$$ !   ServerVSide$Script$ !   Script$ được$ xử$ lý$ tại$ Server'Side,$ nhằm$ tạo$ các$ trang$web$có$khả$năng$phát$ sinh$nội$dung$động.$ Một$ số$ xử$ lý$ chính:$ kết$ nối$ CSDL,$ truy$ cập$ hệ$ thống$file$trên$server,$phát$sinh$nội$dung$html$trả$ về$người$dùng$ Giới thiệu về Script !   ClientVSide$Script$ !   Script$ được$ thực$ thi$ tại$Client'Side$ (trình$ duyệt):$ Thực$ hiện$ các$ tương$ tác$ với$ người$ dùng$ ($ tạo$ enu$chuyển$động,$$)$,$kiểm$tra$dữ$liệu$nhập,$$ !   Serv rV i $ cri t$ !   Scri $ $ $ lý$ tại$ Server'Side,$ nhằm$ tạo$ cá $ tra $ $ $năng$phát$ sinh$nội$dung$động.$ t$ $ ính:$ kết$ nối$ CSDL,$ truy$ cập$ hệ$ th $ l $ $ rver,$phát$sinh$nội$dung$html$trả$ về$ i$ $ Download miễn phí mọi thứ tại ilook.asia JavaScript là gì ? 3 Học lập trình trực tuyến tại myclass.vn Giới thiệu về Javascript !   JavaScript$Là$ngôn$ngữ$Client'side-script$hoạt$ động$trên$trình$duyệt$của$người$dùng$(client)- !   Chia$sẻ$xử$lý$trong$ứng$dụng$web.$Giảm$các$xử$lý$ không$cần$thiết$trên$server.$ ! Giúp$tạo$các$hiệu$ứng,$tương$tác$cho$trang$web.$ Giới thiệu về Jav script !   JavaScript$Là$ngôn$ngữ$Client'side-script$hoạt$ động$trên$trình$duyệt$của$người$dùng$(client)- !   Chia$sẻ$xử$lý$trong$ứng$dụng$web.$Giảm$các$xử$lý$ hông$cần$thiết$trên$server.$ ! iúp$tạo$các$hiệu$ứng,$tương$tác$cho$trang$web.$ iới thiệu về Jav script !   JavaScript$Là$ngôn$ngữ$Client'side-script$hoạt$ động$trên$trình$duyệt$của$người$dùng$(client)- !   Chia$sẻ$xử$lý$trong$ứng$dụng$web.$Giảm$các$xử$lý$ không$cần$thiết$trên$server.$ ! Giúp$tạo$các$hiệu$ứng,$tương$tác$cho$trang$web.$ Download miễn phí mọi thứ tại ilook.asia Nhúng JavaScript vào trang HTML 4 Học lập trình trực tuyến tại myclass.vn Nhúng Javascript vào trang web Định$nghĩa$Script$trực$tếp$trong$trang$HTML:$ $ $$$$<!mm$$ $ $//-Lệnh-Javascript- $$$$$mm>$ $$ $ Nhúng$sử$dụng$script$cài$đặt$từ$1$file$.js$khác:$ $ Nhúng Javascript vào trang web Định$nghĩa$Script$trực$tếp$trong$trang$HTML:$ $ $ $<!mm$$ $ $//-Lệnh-Jav script- $$$$$mm>$ $$ $ Nhúng$sử$dụng$script$cài$đặt$từ$1$file$.js$khác:$ $ Download miễn phí mọi thứ tại ilook.asia Nhúng JavaScript vào trang HTML 5 Học lập trình trực tuyến tại myclass.vn Nhúng JavaScript vào trang Web !   Web$ Browser$ sẽ$ thực$ thi$ $ khi$ load$ trang$web$theo$thứ$tự$từ$trên-xuống$dưới.$ ! Đối$ với$ Source- code- JavaScript$ có$ thể$ đặt$ trong$các$file$.js$sẽ$được$nhúng$vào$file$HTML$ trước$khi$hoạt$động.$$ ! Các$ đoạn$ code- JavaScript$ được$ Browser$ xử$ cùng- thứ- tự$ với$ các$ thẻ$HTML.$ Trừ$ các$hàm$ (func/on)$chỉ$được$thực$thi$khi$có-lời-gọi-hàm.$ a cript vào trang Web !   $ r ser$ sẽ$ thực$ thi$ $ khi$ load$ $ $theo$thứ$tự$từ$trên-xuống$dưới.$ ! i$ i$ Source- code- JavaScript$ có$ thể$ đặt$ $c c$file$.js$sẽ$được$nhúng$vào$file$HTML$ $ i$ oạt$động.$ ! $ $ code- JavaScript$ được$ Browser$ xử$ - t - t $ với$ các$ thẻ$HTML.$ Trừ$ các$hàm$ (f )$chỉ$được$thực$thi$khi$có-lời-gọi-hàm.$ Nhúng JavaScript vào trang Web !   Web$ Browser$ sẽ$ thực$ thi$ $ khi$ load$ trang$web$theo$thứ$tự$từ$trên-xuống$dưới.$ ! Đối$ với$ Source- code- JavaScript$ có$ thể$ đặt$ trong$các$file$.js$sẽ$được$nhúng$vào$file$HTML$ trước$khi$hoạt$động.$$ ! Các$ đoạn$ code- JavaScript$ được$ Browser$ xử$ cùng- thứ- tự$ với$ các$ thẻ$HTML.$ Trừ$ ác$hàm$ (func $ ỉ$ c$t c$thi$khi$có-lời-gọi-hàm.$ Download miễn phí mọi thứ tại ilook.asia Nhúng JavaScript vào trang HTML 6 Học lập trình trực tuyến tại myclass.vn Nhúng$Javascript$vào$trang$web$ $$ $$$ $$$ $ $$$ -------- -- -some-statements$$ $$$ $ $$$ $$$ $$$ $$$$ $$$$$$$$$$$$$ --------------------------------some-statements$$ $$$$$$$$$$$$$$$$$$ $ $ $method()$ $ $ $$ $ $$$$$$$$$$$//$gọi$thực$hiện$các$phương$thức$được$định$nghĩa$ $$ $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$//$trong$Tên_file_script.js$ $ $$ $$$ $ Nhúng$Javascript$vào$trang$web$ $$ $$$ $$$ $ $$$ -------- -- -some-statements$$ $$$ $ $$$ $$$ $$$ $$$$ $$$$$$$$$$$$$ --------------------------------some-statements$$ $$$$$$$$$$$$$$$$$$ $ $ $method()$ $ $ $$ $ $$$$$$$$$$$//$gọi$thực$hiện$các$phương$thức$được$định$nghĩa$ $$ $$$$$$$$$$$$$$$$$$$ $$ $$ $$/ $trong$Tên_file_s ript.js$ $ $$ $$$ $ Nh vascript$vào$trang$web$ $$ $$$ $$$ $ $$$ -------- -- -some-statements$$ $$$ $ $$$ $$$ $$$ $$$$ $$$$$$$$$$$$$ --------------------------------some-statements$$ $$$$$$$$$$$$$$$$$$ $ $ $method()$ $ $ $ i t$type= text/javascript>$ $ $$$$$$$$$$$//$gọi$thực$hiện$các$phương$thức$được$định$nghĩa$ $$ $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$//$trong$Tên_file_script.js$ $ $$ $$$ $ Nhúng$Javascript$vào$trang$web$ $$ $$$ $$ $ $$$ -------- -- -some-statements$$ $$$ $ $$$ $$$ $$$ $$$$ $$$$$$$$$$$$$ --------------------------------some-statements$$ $$$$$$$$$$$$$$$$$$ $ $ $method()$ $ $ $$ $ $$$$$$$$$$$ $ i$thực$hiện$cá $phương$thức$được$định$nghĩa$ $$ $$$$ $$$$ $$$ $ g$Tên_file_script.js$ $ $</scri $ $$$ $ Nhúng$Javascript$vào$trang$web$ $$ $$$ $$$ $ $$$ -------- -- -some-statements$$ $$$ $$$ /head $$ $$ $$$$ $$$$$$$$$$$$$ -- -- -- --- -- -- -- some-statements$$ $$$$$$$$$$$$$$$$$ $ $ $method()$ $ $ $$ $ /$gọi$thực$hiện$các$phương$thức$được$định$nghĩa$ $$ $$$$$$ $$$$$$$$$$$$ $$$$$$$$$$$//$trong$Tên_file_script.js$ $ $$ úng$Javascri t$ $tr $ $ $$ $$$ $$$ $ $$$ -------- -- -some-statements$$ $$ $ $$$ $$$ $$$ $$$$ $$$$$$$$$$$$$ --------------------------------some-statements$$ $$$$$$$$$$$$$$$$$$ $ $ $method()$ $ $ $ $ $$$$$$$$$$$//$gọi$thực$hiện$các$phương$thức$được$định$nghĩa$ $$ $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$//$trong$Tên_file_script.js$ $ $$ $$$ $ Nhúng$Javascript$vào$trang$web$ $$ $$$ $$$ $ $$$ -------- -- -some-statements$$ $$$ $ $$$ $$$ $$$ $$$$ $$$$$$$$$$$$$ --------------------------------some-statements$$ $$$$$$$$$$$$$$$$$$ $ $ $me hod()$ $ $ $$ $ $$$$$$$$$$$//$gọi$thực$hiện$các$phương$thức$được$định$nghĩa$ $$ $$$$$$$$$$$$$$$$$$$$$$$$$$$ $$$//$tr ng Tên_file_script.js$ $ $$ $$$ $ Nhúng$Javascript$vào$trang$ eb$ $ $$$ $$$ $ $$$ - ----- -- -some-statements$$ $$$ $ $$$ $$$ $$$ $$$$ $$$$$$$$$$$$$ --------------------------------so e-state ents$$ $$$ $$$ $$ $ /scri t>$$ $ $ ri t$ r l ri t.j t d()$ $ $ $ i $ j i $ $ $$$$$ //$gọi$ $ i $ c$ $t c$ c$định$nghĩa$ $$ $ $$$$ $$ $$$ / i .j $ $ $ t l $ Download miễn phí mọi thứ tại ilook.asia Nhúng JavaScript vào trang HTML 7 Học lập trình trực tuyến tại myclass.vn Nhúng$Javascript$vào$trang$web$ ! Đặt$giữa$tag$$và$:$script$sẽ$thực$ thi$ngay$khi$trang$web$được$mở.$ ! Đặt$giữa$tag$$và$:$script$trong$ phần$body$được$thực$thi$khi$trang$web$đang$mở$ (sau$khi$thực$thi$các$đoạn$script$có$trong$phần$ ).$ ! Số$lượng$đoạn$clientmscript$chèn$vào$trang$không$ hạn$chế.$ Nhúng$Javascript$vào$trang$web$ ! Đặt$giữa$tag$$và$:$script$sẽ$thực$ thi$ngay$khi$trang$web$được$mở.$ ! Đặt$giữa$tag$$và$:$script$trong$ phần$body$được$thực$thi$khi$trang$web$đang$mở$ (sau$khi$thực$thi$các$đoạn$script$có$trong$phần$ ).$ ! Số$lượng$đoạn$clientmscript$chèn$vào$trang$không$ hạn$chế.$ húng$Javascript$vào$trang$web$ ! Đặt$giữa$tag$$và$:$script$sẽ$thực$ thi$ngay$khi$trang$web$được$mở.$ ! Đặt$giữa$tag$$và$:$script$trong$ phần$body$được$thực$thi$khi$trang$web$đang$mở$ (sau$khi$thực$thi$các$đoạn$script$có$trong$phần$ ).$ ! Số$lượng$đoạn$clientmscript$chèn$vào$trang$không$ hạn$chế.$ Download miễn phí mọi thứ tại ilook.asia Nhúng JavaScript vào trang HTML 8 Học lập trình trực tuyến tại myclass.vn Download miễn phí mọi thứ tại ilook.asia KIỂM TRA DỮ LIỆU VÀ CÚ PHÁP NGÔN NGỮ JAVASCRIPT Download miễn phí mọi thứ tại ilook.asia Biến số trong Javascript 10 Học lập trình trực tuyến tại myclass.vn Biến$số$trong$Javascript$ ! Cách$đặt$tên$biến$ ! Bắt$đầu$bằng$một$chữ$cái$hoặc$dấu$_$ !   A..Z,a..z,0..9,_$:$phân$biệt$HOA,$Thường$ ! Khai$báo$biến$ ! Sử$dụng$từ$khóa$var$$$ $Ví$dụ:$var3count3=310,3amount;3 ! Không-cần-khai-báo-biến-trước-khi-sử-dụng,$biến$thật$sự$tồn$tại$ khi$bắt$đầu$sử$dụng$lần$đầu$tên.$ ! Biến$ không- cần- khải- báo- kiểu- dữ$ liệu$ vì$ biến$ trong$ javascript$ không-có-kiểu-dữ-liệu-nhất-định- Biến$số$trong$Javascript$ ! Cách$đặt$tên$biến$ ! Bắt$đầu$bằng$một$chữ$cái$hoặc$dấu$_$ !   A..Z,a..z,0..9,_$:$phân$biệt$HOA,$Thường$ ! Khai$báo$biến$ ! Sử$dụng$từ$khóa$var$$$ $Ví$dụ:$var3count3=310,3amount;3 ! Không-cần-khai-báo-biến-trước-khi-sử-dụng,$biến$thật$sự$tồn$tại$ khi$bắt$đầu$sử$dụng$lần$đầu$tên.$ ! Biến$ không- cần- khải- báo- kiểu- dữ$ liệu$ vì$ biến$ trong$ javascript$ không-có-kiểu-dữ-liệu-nhất-định- i $s $tr ng$Javascript$ ! $ t$tên$biến$ ! t$ ầu$bằng$một$chữ$cái$hoặc$dấu$_$   .. ,a .z,0 .9,_$:$phân$biệt$HOA,$Thường$ ! $ $biến$ ! $ ng$từ$khóa$var$$$ $ í$ :$var3count3=310,3amount;3 ! g-cần-khai-báo-biến-trước-khi-sử-dụng,$biến$thật$sự$tồn$tại$ khi$bắt$đầu$sử$dụng$lần$đầu$tên.$ ! Biến$ không- cần- khải- báo- kiểu- dữ$ liệu$ vì$ biến$ trong$ javascript$ không-có-kiểu-dữ-liệu-nhất-định- Biến$số$trong$Javascript$ ! Cách$đặt$tên$biến$ ! Bắt$đầu$bằng$một$chữ$cái$hoặc$dấu$_$ !   A..Z,a..z,0..9,_$:$phân$biệt$HOA,$Thường$ ! ai$báo$biến$ ! Sử$dụng$từ$khóa$var$$$ $Ví$dụ:$var3count3=310,3amount;3 ! Không-cần-khai-báo-biến-trước-khi-sử-dụng,$biến$thật$sự$tồn$tại$ khi$bắt$đầu$sử$dụng$lần$đầu$tên.$ ! Biến$ không- cần- khải- báo- kiểu- dữ$ liệu$ vì$ biến$ trong$ javascript$ không-có-kiểu-dữ-liệu-nhất-định- Biến$số$trong$Javascript$ ! Cách$đặt$tên$biến$ ! Bắt$đầu$bằng$một$chữ$cái$hoặc$dấu$_$ !   A..Z,a..z,0..9,_$:$phân$biệt$HOA,$Thường$ ! Khai$báo$biến$ ! Sử$dụ g$từ$khóa$var$$$ $Ví$dụ:$var3count3=310,3amount;3 ! Không-cần-khai-báo-biến-trước-khi-sử-dụng,$biến$thật$sự$tồn$tại$ khi$bắt$đầu$sử$dụng$lần$đầu$tên.$ ! Biến$ không- cần- khải- báo- kiểu- dữ$ liệu$ vì$ biến$ trong$ javascript$ không-có-kiểu-dữ-liệu-nhất-định- i $ $ $ i $ ! Các $ t$ ! Bắt$ $ i$ ấu$_$ !   .Z, .. , .. $ ,$ ờng$ ! Khai$ $ i ! S $ $t $ $ r$$$ $Ví$dụ:$var3count3=310,3a ount;3 ! Không-cần khai-báo-biến-trước-khi-sử-dụng,$biến$thật$sự$tồn$tại$ khi$bắt$đầu$sử$dụng$lần$đầu$tên.$ ! Biến$ không- cần- khải- báo- kiểu- dữ$ liệu vì$ biến$ trong$ javascript$ không-có-kiểu-dữ-liệu-nhất-định- Biến$số$trong$Javascript$ ! Cách$đặ $tên$biến$ ! Bắt$đầu$bằng$một$chữ$cái$hoặc$dấu$_$ !   A..Z,a..z,0..9,_$:$phân$biệt$HOA,$Thường$ ! Khai$báo$biến$ ! Sử$dụng$từ$khóa$var$$$ í$dụ:$var3count3=310,3amount;3 ! hông-cần-khai-báo-biến-trước-khi-sử-dụng,$biến$thật$sự$tồn$tại$ khi$bắt$đầu$sử$dụng$lần$đầu$tên.$ ! Biến$ không- cần- khải- báo- kiểu- dữ$ liệu$ vì$ biến$ trong$ javascript$ không-có-kiểu-dữ-liệu-nhất-định- Biến$số$trong$Javascript$ ! Cách$đặt$tên$biến$ ! Bắt$đầu$bằng$một$c ữ$cái$hoặc$dấu$_$ !   A..Z,a..z,0..9,_$:$phân$biệt$HOA,$Thường$ ! Khai$báo$biến$ ! Sử$dụng$từ$khóa$var$$$ $Ví$dụ:$var3count3=310,3amount;3 ! Không-cần-khai-báo-biến-trước-khi-sử-dụng,$biến$thật$sự$tồn$tại$ khi$bắt$đầu$sử$dụng$lầ $đầu$tên.$ ! iến$ không- cần- khải- báo- kiểu- dữ$ liệu$ vì$ biế $ trong$ javascript$ ông-có-kiểu-dữ-liệu-nhất-định- Ví dụ: var chuoiSo; var ChuoiSo; Download miễn phí mọi thứ tại ilook.asia Kiểu dữ liệu trong Javascript Học lập trình trực tuyến tại myclass.vn Kiểu dữ liệu trong Javascript Kiểu$dữ$liệu Ví$dụ Mô$tả Object var$listBooks$=$new$Array(10)$; Trước$khi$sử$dụng,$phải$cấp$phát$bằng$ từ$khóa$new String The$cow$jumped$over$the$moon.$ 40 Chứa$được$chuổi$unicode$ Chuổi$rỗng$ Number 0.066218$ 12 Theo$chuẩn$IEEE$754 boolean true$/$false undefined var$myVariable$; myVariable$=$undefined null connecton.Close(); connecton$=$null Một3biến3trong3JavaScript3có3thể3lưu3bất3kỳ3kiểu3nào3 i li i t Kiểu$dữ$liệu Ví$dụ Mô$tả Object var$listBooks$=$new$Array(10)$; Trước$khi$sử$dụng,$phải$cấp$phát$bằng$ từ$khóa$new String The$cow$jumped$over$the$moon.$ 40 Chứa$được$chuổi$unicode$ Chuổi$rỗng$ Number 0.066218$ 12 Theo$chuẩn$IEEE$754 boolean true$/$false undefined var$myVariable$; myVariable$=$undefined null connecton.Close(); connecton$=$null Một3biến3trong3JavaScript3có3thể3lưu3bất3kỳ3kiểu3nào3 i li tr J v scri t Kiểu$dữ$liệu Ví$dụ Mô$tả Object var$listBooks$=$new$Array(10)$; Trước$khi$sử$dụng,$phải$cấp$phát$bằng$ từ$khóa$new String The$cow$jumped$over$the$moon.$ 40 ứa$được$chuổi$unicode$ Chuổi$rỗng$ Number 0.066218$ 12 Theo$chuẩn$IEEE$754 boolean true$/$false undefined var$myVariable$; myVariable$=$undefined null connecton.Close(); connecton$=$null ột3biến3trong3JavaScript3có3thể3lưu3bất3kỳ3kiểu3nào3 Kiểu dữ liệu trong a a ript Kiểu$dữ$liệu Ví$dụ Mô$tả Object var$listBooks$=$new$Array(10)$; Trước$khi$sử$dụng,$phải$cấp$phát$bằng$ từ$khóa$new String The$cow$jumped$over$the$moon.$ 40 Chứa$được$chuổi$unicode$ Chuổi$rỗng$ Number 0.066218$ 12 Theo$chuẩn$IEEE$754 boolean true$/$false undefined var$myVariable$; myVariable$=$undefined null connecton.Close(); connecton$=$null Một3biến3trong3JavaScri 3có3thể3lưu3bấ 3kỳ3kiểu3nào3 iểu d liệu trong Javascript Kiểu$dữ$liệu Ví$dụ Mô$tả Object var$listBooks$=$new$Array(10)$; Trước$khi$sử$dụng,$phải$cấp$phát$bằng$ từ$khóa$new String The$cow$jumped$over$the$moon.$ 40 ứa$được$chuổi$unicode$ C uổi$rỗng$ Number 0.066218$ 12 Theo$chuẩn$IEEE$754 boolean true$/$false undefined var$myVariable$; myVariable$=$undefined null connecton.Close(); connecton$=$null Một3biến3trong3JavaScript3có3thể3lưu3bất3kỳ3kiểu3nào3 Kiểu dữ liệu trong Javascript Kiểu$dữ$liệu Ví$dụ Mô$tả Object var$listBooks$=$new$Array(10)$; Trước$khi$sử$dụng,$phải$cấp$phát$bằng$ từ$khóa$new String The$cow$jumped$over$the$moon.$ 40 Chứa$được$chuổi$unicode$ C uổi$rỗng$ Number 0.066218$ 12 Theo$chuẩn$IEEE$754 boolean true$/$false undefined var$myVariable$; myVariable$=$undefined null connecton.Close(); connecton$=$null ột3biến3trong3JavaScript3có3thể3lưu3bất3kỳ3kiểu3nào3 iểu d liệu trong Javascript Kiểu$dữ$liệu Ví$dụ Mô$tả Object var$listBooks$=$new$Array(10)$; Trước$khi$sử$dụng,$phải$cấp$phát$bằng$ từ$khóa$ ew String The$cow$jumped$over$the$moon.$ 40 ứa$được$chuổi$unicode$ Chuổi$rỗng$ Number 0.066218$ 12 Theo$chuẩn$IEEE$754 boolean true$/$false undefined var$myVariable$; myVariable$=$undefined null connecton.Close(); connecton$=$null Một3biến3trong3JavaScript3có3thể3lưu3bất3kỳ3kiểu3nào3 Download miễn phí mọi thứ tại ilook.asia Đổi kiểu dữ liệu Học lập trình trực tuyến tại myclass.vn Đổi$kiểu$dữ$liệu$ ! Biến$tự$đổi$kiểu$dữ$liệu$khi$giá$trị$mà$nó$lưu$trữ$ thay$đổi$ $$$$$$Ví$dụ:$ $$$$$$$var-x-=-10;- - -//-x-kiểu-Number- --------x-=-
hello-world-!;---- -//-x-kiểu-String- ! Có$thể$cộng$2$biến$khác$kiểu$dữ$liệu$ $$$$$$Ví$dụ:$ $$$$$$$$var-x;- ----------x-=-“12”-+-34.5;--------------//-KQ:-x-=-
1234.5$ ! Hàm$parseInt(),$parseFloat()$:$$Đổi$KDL$từ$ chuỗi$sang$số.$ Đổi$kiểu$dữ$liệu$ ! Biến$tự$đổi$kiểu$dữ$liệu$khi$giá$trị$mà$nó$lưu$trữ$ thay$đổi$ $$$$$$Ví$dụ:$ $$$$$$$var-x-=-10;- - -//-x-kiểu-Number- --------x-=-
hello-world-!;---- -//-x-kiểu-String- ! Có$thể$cộng$2$biến$khác$kiểu$dữ$liệu$ $$$$$$Ví$dụ:$ $$$$$$$$var-x;- ----------x-=-“12”-+-34.5;--------------//-KQ:-x-=-
1234.5$ ! Hàm$parseInt(),$parseFloat()$:$$Đổi$KDL$từ$ chuỗi$sang$số.$ Đổi$kiểu$dữ$liệu$ ! Biến$tự$đổi$kiểu$dữ$liệu$khi$giá$trị$mà$nó$lưu$trữ$ thay$đổi$ $$$$$$Ví$dụ:$ $$$$$$$var-x-=-10;- - -//-x-kiểu-Number- --------x-=-
hello-world-!;---- -//-x-kiểu-String- ! Có$thể$cộng$2$biến$khác$kiểu$dữ$liệu$ $$$$$$Ví$dụ:$ $$$$$$$$var-x;- -- -------x-=-“12”-+-34.5;-- ---- ----//-KQ:-x-=-
1234.5$ ! Hàm$parseInt(),$parseFloat()$:$$Đổi$KDL$từ$ chuỗi$sang$số.$ Đổi$kiểu$dữ$liệu$ ! Biến$tự ổi$kiểu$dữ$liệu$khi$giá$trị$mà$nó$l u$tr $ thay$đổi$ $$$$$$Ví dụ:$ $$$ $$ var-x-=-10;- - -//-x-kiểu-Number- --------x-=-
hello-world-!;---- -//-x-kiểu-String- ! Có$thể$cộng$2$biến$khác$kiểu$dữ$liệu$ $$$$$$Ví$dụ:$ $$$$$$$$var-x;- ----------x-=-“12”-+-34.5;--------------//-KQ:-x-=-
1234.5$ ! Hàm$parseInt(),$parseFloat()$:$$Đổi$KDL$từ$ chuỗi$sang$số.$ ổi$kiểu$d $liệu$ ! Biến$tự$đổi$kiểu$dữ$liệu$khi$giá$trị$mà$nó$lưu$trữ$ thay$đổi$ $$$$$$Ví$dụ:$ $$$$$$$var x-=-10; -//-x-kiểu- u ber- --------x-=-
hello-world-!;---- - /-x-kiểu- i - ! Có$thể$cộng 2$biến$khác$kiể $ li $ $$$$$$Ví$dụ:$ $$$$$$$$var-x;- ----------x-=-“12”-+-34.5;--------------//-KQ:-x-=-
1234.5$ ! Hàm$parseInt(),$parseFloat()$:$$Đổi$K $t $ chuỗi$sang$số.$ i$ i $ $li $ ! i $ $đ i$ i $d $liệu$khi$giá$trị$mà$nó$lưu$trữ$ $ i$ $$$$$$ í$ $ - - - ;- - -/ -x-kiểu-Number- - ll - orld-!;- -/ -x kiểu-String- $ $ $ iến$khác$kiểu$dữ$liệu$ :$ r- ;- --- - - ”-+-34.5;- / -KQ:-x-=-
1234.5$ ! I t( ),$parseFloat()$:$$Đổi$KDL$từ$ i$ $s .$ Đổi$kiểu$dữ$liệu$ ! Biến$t $đổi$kiểu$dữ$liệu$khi$giá$trị$mà$nó$lưu$trữ$ th $ i$ $$ $ Ví d $$$$$$ v r-x- -10;- -//-x-kiể -Number- --------x-=-
hello-world-!;---- -//-x-kiểu-String- ! Có$thể$cộng$2$biến$khác$kiểu$dữ$liệu$ $$$$$$Ví$dụ: $$$$$$$$var-x; ----------x-=-“12”-+-34.5;--------------//-KQ:-x-=-
1234.5 ! Hàm$parseInt(),$parseFloat()$:$$Đổi$KDL$từ$ chuỗi$sang$số.$ Đổi$kiểu$dữ$liệu$ ! Biến$tự$đổi$kiểu$dữ$liệu$khi$giá$trị$mà$nó$lưu$trữ$ thay$đổi$ $$$ Ví$dụ:$ $$$$$$$var x-=-10; - -//-x-kiểu-Number- --------x-=-
hello-world-!;---- -//-x-kiểu-String- ! Có$thể$cộng$2$biến$khác$kiểu$dữ$liệu$ $$$$$$Ví$dụ:$ $$$$$$$$var-x;- ----------x-=-“12”-+-34.5;--------------//-KQ:-x-=-
1234.5$ ! Hàm$parseInt(),$parseFloat()$:$$Đổi$KDL$từ$ chuỗi$sang$số.$ Đổi$kiểu$dữ$liệu ! Biến$tự đổi$kiểu$dữ liệu$khi$giá trị$mà$nó$lưu$trữ thay$đổi$ $$$$$$Ví$dụ: $$$$$$ var-x-=-10;- - -/ Number- ------- x =
hello-world-!;-- - -//-x-kiểu String- ! Có$thể$cộng$2$biến$khác$kiểu$dữ liệu$ $$$$$$Ví$dụ: $$$$$$ var-x;- ------- x = “12”-+-34.5;-------- //-KQ:-x-=-
1234.5$ ! Hàm$parseInt(),$parseFloat()$:$$Đổi$KDL$từ$ chuỗi$sang$số.$ Đổi$kiểu$dữ$liệu$ ! Biến$tự$đổi$kiểu$ ữ$li $ i$ $trị$ $ $l $tr $ thay$đổi$ $$ $$Ví dụ:$ $$$$$$$var-x-=-10;- - -//-x-kiểu- u ber- - --x-=-
hello-world-!;---- -//-x-kiểu-String- ! Có$thể$cộng$2$biế $k ác$kiể $ $liệ $ $$$$$$Ví$dụ:$ $$$$$$$$var-x;- ----------x-=-“12”-+-34.5;--------------//-KQ:-x-=-
1234.5$ ! Hàm$parseInt(),$parseFloat( )$:$$ i$ L$t $ chuỗi$sang$ ố.$ Download miễn phí mọi thứ tại ilook.asia Hàm trong javascript Học lập trình trực tuyến tại myclass.vn Hàm$trong$Javascript$ ! Dạng$thức$khai$báo$chung:$ -func/on-Tên_hàm(thamso1,-thamso2,-)- {- -- }$ ! Hàm$có$giá$trị$trả$về:$ -func/on-Tên_hàm(thamso1,-thamso2,-...)- {- -- -return3(value);3 }$ Hàm$trong$Javascript$ ! Dạng$thức$khai$báo$chung:$ -func/on-Tên_hàm(thamso1,-thamso2,-)- {- -- }$ ! Hàm$có$giá$trị$trả$về:$ -func/on-Tên_hàm(thamso1,-thamso2,-...)- {- -- -return3(value);3 }$ Hàm$trong$Javascript$ ! Dạng$thức$khai$báo$chung:$ -func/on-Tên_hàm(thamso1,-thamso2,-)- {- -- }$ ! àm$có$giá$trị$trả$về:$ -func/on-Tên_hàm(thamso1,-thamso2,-...)- {- -- -return3(value);3 }$ Hàm$trong$Javascript$ ! Dạng$thức$khai$báo$chung:$ -func/on-Tên_hàm(thamso1,-thamso2,-)- {- -- }$ ! Hàm$có$giá$trị$trả$về:$ -func/on-Tên_hàm(thamso1,-thamso2,-...)- {- -- -return3(value);3 }$ Download miễn phí mọi thứ tại ilook.asia Ví dụ Hàm trong javascript Học lập trình trực tuyến tại myclass.vn Hàm trong Javascript ! Ví$dụ:$ -func/on-Sum(x,-y)- {- -tong-=-x-+-y;- -return-tong; -- }$ ! Gọi$hàm:$ -var-x-=-Sum(10,-20);- ----alert(x);- Hàm trong Javascript ! Ví$dụ:$ -func/on-Sum(x,-y)- {- -tong-=-x-+-y;- -return-tong; -- }$ ! Gọi$hàm:$ -var-x-=-Sum(10,-20);- ----alert(x);- Hàm trong Javascript ! Ví$dụ:$ -func/on-Sum(x,-y)- {- -tong-=-x-+-y;- -return-tong; -- }$ ! Gọi$hàm:$ -var-x =-Sum(10,-20);- ----alert(x);- Hàm trong Javascript ! Ví$dụ:$ -func/ -Sum(x,-y)- {- -tong-=-x-+-y;- -return tong; -- }$ ! Gọi$hàm:$ -v r-x-=-Sum(10,-20);- ----alert(x);- tr Javascript ! í$ :$ -func/on-Sum(x,-y)- {- -tong-=-x-+-y;- -ret rn-tong; -- }$ ! i$ à :$ -va -x-=-Su (10,-20);- ---- lert(x);- Hà trong Javascript ! Ví$dụ:$ -func/on-Sum(x,-y)- {- -tong-=-x-+-y;- -return-tong; -- }$ ! Gọi$hàm:$ -var-x-=-Sum(10,-20);- - --alert(x);- Hà tro i t ! Ví$dụ:$ -func/on-Sum(x,-y)- {- -tong-=-x-+-y;- return-tong; -- }$ ! Gọi$hàm:$ -var x =-Sum(10,-20);- ----alert(x);- Download miễn phí mọi thứ tại ilook.asia Các qui tắc chung Học lập trình trực tuyến tại myclass.vn Các$quy$tắc$chung$ ! Khối$lệnh$được$bao$trong$dấu${}$ ! Mỗi$lệnh$nên$kết$thúc$bằng$dấu$;$ ! Cách$ghi$chú$thích:$ !   //3Chú-thích-1-dòng- !   /*$Chú$thích$ $$$$nhiều$dòng$*/$ Các$quy$tắc$chung$ ! Khối$lệnh$được$bao$trong$dấu${}$ ! Mỗi$lệnh$nên$kết$thúc$bằng$dấu$;$ ! Cách$ghi$chú$thích:$ !   //3Chú-thích-1-dòng- !   /*$Chú$thích$ $$$$nhiều$dòng$*/$ Các$quy$tắc$chung$ ! Khối$lệnh$được$bao$trong$dấu${}$ ! ỗi$lệnh$nên$kết$thúc$bằng$dấu$;$ ! Cách$ghi$chú$thích:$ !   //3Chú-thích-1-dòng- !   /*$Chú$thích$ $$$$nhiều$dòng$*/$ Download miễn phí mọi thứ tại ilook.asia Một số sự kiện thông dụng Học lập trình trực tuyến tại myclass.vn Các$sự$kiện$thông$dụng$ ! Các sự kiện được hỗ trợ bởi hầu hết các đối tượng ! onClick ! onFocus ! onChange ! onBlur ! onMouseOver ! onMouseOut ! onMouseDown ! onMouseUp ! onLoad ! onSubmit ! onResize ! Download miễn phí mọi thứ tại ilook.asia ĐỐI TƯỢNG DOM Học lập trình trực tuyến tại myclass.vn Đối$tượng$HTML$DOM$ !   DOM$=$Document$Object$Model$ ! Là$tập$hợp$các$đối$tượng$HTML$chuẩn$được$ dùng$để$truy$xuất$và$thay$đổi$thành$phần$HTML$ trong$trang$web$($thay$đổi$nội$dung$tài$liệu$của$ trang$)$ ! Một$số$đối$tượng$của$DOM:$window,-document,- history,-link,-form,-frame,-locazon,-event,-- Download miễn phí mọi thứ tại ilook.asia ĐỐI TƯỢNG DOM Học lập trình trực tuyến tại myclass.vn Download miễn phí mọi thứ tại ilook.asia ĐỐI TƯỢNG DOM Học lập trình trực tuyến tại myclass.vn Đối$tượng$Window$m$DOM$ ! Là$thể$hiện$của$đối$tượng$cửa$sổ$trình$duyệt$ !   Tồn$tại$khi$mở$1$tài$liệu$HTML$ !   Sử$dụng$để$truy$cập$thông$tn$của$các$đối$tượng$ trên$ cửa$ sổ$ trình$ duyệt$ (tên$ trình$ duyệt,$ phiên$ bản$trình$duyệt,$thanh$têu$đề,$thanh$trạng$thái$ $)$$ Download miễn phí mọi thứ tại ilook.asia ĐỐI TƯỢNG DOM Học lập trình trực tuyến tại myclass.vn Đối$tượng$Window$m$DOM$ !   ProperÜes$ !   document$ !   event$ !   history$ !   locaton$ !   name$ !   navigator$ !   screen$ !   status$ !   Methods$ !   Alert$ !   Confirm$ !   Prompt$ !   Blur$ !   close$ !   Focus$ !   open$ Download miễn phí mọi thứ tại ilook.asia ĐỐI TƯỢNG DOM Học lập trình trực tuyến tại myclass.vn Đối$tượng$Document$m$DOM$ !   Biểu$diễn$cho$nội$dung$ trang$HTML$đang$được$ hiển$thị$trên$trình$duyệt$ !   Dùng$để$lấy$thông$tn$về$tài$liệu,$các$thành$phần$ HTML$và$xử$lý$sự$kiện$ Download miễn phí mọi thứ tại ilook.asia ĐỐI TƯỢNG DOM Học lập trình trực tuyến tại myclass.vn Đối$tượng$Document$m$DOM$ !  ProperÜes$ "  aLinkColor$ "  bgColor$ "  body$ "  fgColor$ "  linkColor$ "  ttle$ "  URL$ "  vlinkColor$ "  forms[]$ "  images[]$ "  childNodes[]$ !  Methods$ "  close$ "  open$ "  createTextNode($text$")$ "  createElement(HTMLtag")$$ "  getElementById(id)$ "  $ $ "  documentElement$ "  cookie$ "  $ Download miễn phí mọi thứ tại ilook.asia TÌM PHẦN TỬ/THẺ (ELEMENT) HTML Học lập trình trực tuyến tại myclass.vn PHƯƠNG THỨC MÔ TẢ document.getElementByI d(id) Tìm thẻ thông qua Id của thẻ document.getElementsBy TagName(name) Tìm TẤT CẢ các thẻ thông qua tên thẻ document.getElementsBy ClassName(name) Tìm TẤT CẢ các thẻ thông qua CSS class 3 4 5 Download miễn phí mọi thứ tại ilook.asia THAY ĐỔI NỘI DUNG HTML CỦA THẺ Học lập trình trực tuyến tại myclass.vn PHƯƠNG THỨC MÔ TẢ element.innerHTML = new html content Thay đổi nội dung HTML bên trong của thẻ element.style.property = new style Thay đổi Style cho thẻ Download miễn phí mọi thứ tại ilook.asia THÊM VÀ XOÁ THẺ Học lập trình trực tuyến tại myclass.vn PHƯƠNG THỨC MÔ TẢ document.createElem ent(element) Tạo một thẻ mới document.removeChil d(element) Xoá một thẻ document.appendChil d(element) Thêm một thẻ document.replaceChil d(element) Thay thế một thẻ document.write(text) Viết ngay vào HTML Download miễn phí mọi thứ tại ilook.asia