zunia.vn

Tuyển sinh 2024 dành cho Gen-Z

zunia.vn

» Công Nghệ Thông Tin

» Kỹ thuật lập trình

BÀI GIẢNG MÔN THIẾT KẾ WEB: NGÔN NGỮ JavaScript

Chia sẻ: Trần Ngọc Mai | Ngày: | Loại File: PDF | Số trang:9

Báo xấu

122
lượt xem 17
download

Download Vui lòng tải xuống để xem tài liệu đầy đủ

Tham khảo tài liệu 'bài giảng môn thiết kế web: ngôn ngữ javascript', công nghệ thông tin, kỹ thuật lập trình phục vụ nhu cầu học tập, nghiên cứu và làm việc hiệu quả

Chủ đề:

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

Lưu

Nội dung Text: BÀI GIẢNG MÔN THIẾT KẾ WEB: NGÔN NGỮ JavaScript

Bài Gi ng Môn Thi t K Web Ph n 2 : Ngôn Ng K ch B n JavaScript form.result.value=form.entry.value*form.entry.value; } else { form.result.value = form.entry.value * 2; } } } Value: Action: Double Square Result: g. Ph n t reset S d ng i tư ng reset, cũng gi ng i tư ng button, i tư ng reset có hai thu c tính là name và value và m t s ki n onClick. i tư ng reset dùng xoá form. Ví d : Trang ResetButton.htm minh ho cách s d ng nút reset xoá các giá tr c a form. reset Example function clearForm(form) { form.value1.value = "Form"; form.value2.value = "Cleared"; } This is trial version Biên s an: Dương Thành Ph t Trang 51 www.adultpdf.com
Bài Gi ng Môn Thi t K Web Ph n 2 : Ngôn Ng K ch B n JavaScript h. Ph n t select Danh sách l a ch n trong các form xu t hi n menu drop-down ho c danh sách cu n ư c c a các i tư ng có th ư c l a ch n. Các danh dách ư c xây d ng b ng cách s d ng hai th SELECT và OPTION. 1 2 3 T o ra ba thành ph n c a menu th drop-down v i ba l a ch n 1,2 và 3. S d ng thu c tính SIZE b n có th t o ta m t danh sách cu n v i s ph n t hi n th l n th nh t. bt menu drop-down trong m t menu cu n v i hai thành ph n hi n th , b n có th s d ng như sau: 1 2 3 Trong c hai VÍ D : trên, ngư i s d ng ch có 1 l a ch n. N u s d ng thu c tính MULTIPLE, b n có th cho phép ngư i s d ng l a ch n nhi u hơn 1 giá tr trong danh sách l a ch n: 1 2 3 Danh sách l a ch n trong JavaScript là i tư ng select. i tư ng này t o ra m t vài thành ph n tương t các button và radio. V i các thành ph n l a ch n, danh sách các l a ch n ư c ch a trong m t m ng ư c ánh s t 0. Trong trư ng h p này, m ng là m t thu c tính c a i tư ng select g i là options. C vi c l a ch n các option và t ng ph n t option riêng bi t u có nh ng thu c tính. B sung thêm vào m ng option, ph n t select có thu c tính selectedIndex, có ch a s th t c a option ư c l a ch n hi n th i. M i option trong danh sách l a ch n u có m t vài thu c tính: DEFAULTSELECTED Cho bi t option có m c nh là ch n trong th OPTION hay không. INDEX Ch a giá tr s th t c a option h ên th i trong m ng option. This is trial version Biên s an: Dương Thành Ph t Trang 52 www.adultpdf.com
Bài Gi ng Môn Thi t K Web Ph n 2 : Ngôn Ng K ch B n JavaScript SELECTED Cho bi t tr ng thái hi n th i c a option TEXT Có ch a giá tr c a dòng text hi n th trên menu cho m i option, và thu c tính value m i giá tr ch ra trong th OPTION. Ví d : Có danh sách l a ch n sau: 1 2 3 Khi l n u tiên hi n th b n có th truy nh p t i các thông tin sau: example.options[1].value = "The Second" example.options[2].text = "3" example.selectedIndex = 0 example.options[0].defaultSelected = true example.options[1].selected = false N u ngư i s d ng kích vào menu và l a ch n option th hai, thì th onFocus s th c hi n, và khi ó giá tr c a thu c tính s là: example.options[1].value = "The Second" example.options[2].text = "3" example.selectedIndex = 1 example.options[0].defaultSelected = true example.options[1].selected = true Có th thêm các l a ch n m i vào danh sách b ng cách s d ng i tư ng xây d ng Option() theo cú pháp: newOptionName = new Option(optionText, optionValue, defaultSelected, selected); selectListName.options[index] = newOptionName; Vi c t o i tư ng option() này v i dòng text ư c ch trư c, defaultSelected và selected như trên ã nh ra nh ng giá tr ki u Boolean. i tư ng này ư c liên k t vào danh sách l a ch n ư c th c hi n b ng index. Các l a ch n có th b xoá trong danh sách l a ch n b ng cách g n giá tr null cho i tư ng mu n xoá selectListName.options[index] = null; i. Ph n t submit Nút Submit là m t trư ng h p c bi t c a button, cũng như nút Reset. Nút này ưa thông tin hi n t i t các trư ng c a form t i a ch URL ư c ch ra trong thu c tính ACTION c a th form s d ng cách th c METHOD ch ra trong th FORM. j. Ph n t Text Ph n t này n m trong nh ng ph n t hay ư c s d ng nh t trong các form HTML. Trư ng text cho phép nh p vào m t dòng ơn. This is trial version Biên s an: Dương Thành Ph t Trang 53 www.adultpdf.com
Bài Gi ng Môn Thi t K Web Ph n 2 : Ngôn Ng K ch B n JavaScript B ng sau mô t các thu c tính và phương th c. Cách th c và thu c tính Mô t defaultValue Ch ra giá tr m c nh c a ph n t ư c ch ra trong th INPUT (thu c tính) name Tên c a i tư ng ư c ch ra trong th INPUT (thu c tính) value Giá tr hi n th i c a ph n t (thu c tính) focus() Mô t vi c con tr t i trư ng text (cách th c) blur() Mô t vi c con tr r i trư ng text (cách th c) select() Mô t vi c l a ch n dòng text trong trư ng text (cách th c) Ví d :Trang TextField.htm T ng c p nh t các trư ng text . TextField Example function echo(form,currentField){ if (currentField == "first") form.second.value = form.first.value; else form.first.value = form.second.value; } k. Ph n t Textarea Th TEXTAREA cung c p m t h p cho phép nh p s dòng text do ngư i thi t k nh trư c. VÍ D : Default Text Here VÍ D : này t o ra m t trư ng text cho phép ưa vào 10 hàng ,m i hàng 25 ký t . Dòng "Defautl Text Here"s xu t hi n trong trư ng này vào l n hi n th u tiên. Cũng như ph n t text , JavaScript cung c p cho b n các thu c tính defaultValue, name, và value, các cách th c focus(), select(), và blur(), các th s ki n onBlur, onForcus, onChange, onSelect. M ng elements[] This is trial version Biên s an: Dương Thành Ph t Trang 54 www.adultpdf.com
Bài Gi ng Môn Thi t K Web Ph n 2 : Ngôn Ng K ch B n JavaScript Các i tư ng c a form có th ư c g i t i b ng m ng elements[]. VÍ D : b n t o ra m t form sau: B n có th g i t i ba thành ph n này như sau: document.elements[0], document.elements[1], document.elements[2], Hơn n a còn có th g i document.testform.one, document.testform.two, document.testform.three. 3. i tư ng Date i tư ng Date là i tư ng có s n trong JavaScript. Nó cung c p nhi u phương th c có ích x lý v th i gian và ngày tháng. Các phương th c dateVar.getDate() Tr l i ngày trong tháng (1-31) cho dateVar. dateVar.getDay() Tr l i ngày trong tu n (0=ch nh t,...6=th b y) cho dateVar. dateVar.getHours() Tr l i gi (0-23) cho dateVar. dateVar.getMinutes() Tr l i phút (0-59) cho dateVar. dateVar.getSeconds() Tr l i giây (0-59) cho dateVar. dateVar.getTime() Tr l i s lư ng các mili giây t 00:00:00 ngày 1/1/1970. dateVar.getTimeZoneOffset() Tr l i d ch chuy nb ng phút c a gi a phương hi n t i so v i gi qu c t GMT. dateVar.getYear() Tr l i năm cho dateVar. Date.parse (dateStr) Phân tích chu i dateStr và tr l i s lư ng các mili giây tính t 00:00:00 ngày 01/01/1970. dateVar.setDay(day) t ngày trong tháng là day cho dateVar. dateVar.setHours(hours) t gi là hours cho dateVar. dateVar.setMinutes(minutes) t phút là minutes cho dateVar. dateVar.setMonths(months) t tháng là months cho dateVar. dateVar.setSeconds(seconds) t giây là seconds cho dateVar. dateVar.setTime(value) t th i gian là value, trong ó value bi u di n s lư ng mili giây t 00:00:00 ngày 01/01/1970. dateVar.setYear(years) t năm là years cho dateVar. dateVar.toGMTString() Tr l i chu i bi u di n dateVar dư i d ng GMT. dateVar.toLocaleString() Tr l i chu i bi u di n dateVar theo khu v c th i gian hi n th i. This is trial version Biên s an: Dương Thành Ph t Trang 55 www.adultpdf.com
Bài Gi ng Môn Thi t K Web Ph n 2 : Ngôn Ng K ch B n JavaScript Date.UTC (year, month, day Tr l i s lư ng mili giây t 00:00:00 01/01/1970 GMT. [,hours] [,minutes] [,seconds]) Ví d :T o trang (DatTime.htm) mydate = new Date(); myday = mydate.getDay() ; mymonth = mydate.getMonth()+1; myweekday= mydate.getDate(); weekday= myweekday; myyear= 1900 + mydate.getYear(); myhours = mydate.getHours(); ampmhour = (myhours > 12) ? myhours - 12 : myhours; ampm = (myhours >= 12) ? 'Bu i chi u ' : ' Bu i sáng '; myminutes = mydate.getMinutes(); myminutes = ((mytime < 10) ? ':0' : ':') + mytime; if(myday == 0) day = " Ch nh t , "; else if(myday == 1) day = " Th hai , "; else if(myday == 2) day = " Th ba, "; else if(myday == 3) day = " Th tư, "; else if(myday == 4) day = " Th năm , "; else if(myday == 5) day = " Th sáu , "; else if(myday == 6) day = " Th b y , "; document.write("" +"Bây gi là: "+ ampmhour + "" + myminutes +" "+ ampm) document.write(" - " + day + " Ngày " + myweekday +" "); document.write( " Tháng " + mymonth + " Năm " + year + ""); 4. i tư ng Math i tư ng Math là i tư ng n i t i trong JavaScript. Các thu c tính c a i tư ng này ch a nhi u h ng s toán h c, các hàm toán h c, lư ng giác ph bi n Các thu c tính E H ng s Euler, kho ng 2,718. LN2 logarit t nhiên c a 2, kho ng 0,693. LN10 logarit t nhiên c a 10, kho ng 2,302. LOG2E logarit cơ s 2 c a e, kho ng 1,442. PI Giá tr c a , kho ng 3,14159. SQRT1_2 Căn b c 2 c a 0,5, kho ng 0,707. This is trial version Biên s an: Dương Thành Ph t Trang 56 www.adultpdf.com
Bài Gi ng Môn Thi t K Web Ph n 2 : Ngôn Ng K ch B n JavaScript SQRT2 Căn b c 2 c a 2, kho ng 1,414. Các phương th c Math.abs (number) Tr l i giá tr tuy t i c a number. Math.acos (number) Tr l i giá tr arc cosine (theo radian) c a number. Giá tr c a number ph i nămg gi a 1 và 1. Math.asin (number) Tr l i giá tr arc sine (theo radian) c a number. Giá tr c a number ph i nămg gi a 1 và 1. Math.atan (number) Tr l i giá tr arc tan (theo radian) c a number. Math.ceil (number) Tr l i s nguyên nh nh t l n hơn ho c b ng number. Math.cos (number) Tr l i giá tr cosine c a number. Math.exp (number) Tr l i giá tr e^ number, v i e là h ng s Euler. Math.floor (number) Tr l i s nguyên l n nh t nh hơn ho c b ng number. Math.log (number) Tr l i logarit t nhiên c a number. Math.max (num1,num2) Tr l i giá tr l n nh t gi a num1 và num2 Math.min (num1,num2) Tr l i giá tr nh nh t gi a num1 và num2. Math.pos (base,exponent) Tr l i giá tr base lu th a exponent. Math.random (r) Tr l i m t s ng u nhiên gi a 0 và 1. Phwong th c này ch th c hi n ư c trên n n t ng UNIX. Math.round (number) Tr l i giá tr c a number làm tròn t i s nguyên g n nh t. Math.sin (number) Tr l i sin c a number. Math.sqrt (number) Tr l i căn b c 2 c a number. Math.tan (number) Tr l i tag c a number. 5. i tư ng String i tư ng String là i tư ng ư c xây d ng n i t i trong JavaScript cung c p nhi u phương th c thao tác trên chu i. Các phương th c str.anchor (name) ư c s d ng t o ra th (m t cách ng). Tham s name là thu c tính NAME c a th . str.big() K t qu gi ng như th trên chu i str. str.blink() K t qu gi ng như th trên chu i str. str.bold() K t qu gi ng như th trên chu i str. str.charAt(a) Tr l i ký t th a trong chu i str. str.fixed() K t qu gi ng như th trên chu i str. str.fontcolor() K t qu gi ng như th . str.fontsize(size) K t qu gi ng như th . str.index0f(srchStr [,index]) Tr l i v trí trong chu i str v trí xu t hi n u tiên c a chu i srchStr. Chu i str ư c tìm t trái sang ph i. Tham s index có th ư c s d ng xác nh v trí b t u tìm ki m str.italics() K t qu gi ng như th trên chu i str. str.lastIndex0f(srchStr [,index]) Tr l i v trí trong chu i str v trí xu t hi n cu i cùng c a chu i srchStr. Chu i str ư c tìm t ph i sang trái. Tham s index có th ư c s d ng xác nh v trí b t u tìm ki m. str.link(href) ư c s d ng t o ra m t k t n i HTML ng cho chhu i str. Tham s href là URL ích c a liên k t. str.small() K t qu gi ng như th trên chu i str. str.strike() K t qu gi ng như th trên chu i str. str.sub() T o ra m t subscript cho chu i str, gi ng th . str.substring(a,b) Tr l i chu i con c a str là các ký t t v trí th a t i v trí th b. Các ký t ư c m t trái sang ph i b t u t 0. str.sup() T o ra superscript cho chu i str, gi ng th . str.toLowerCase() i chu i str thành ch thư ng. This is trial version Biên s an: Dương Thành Ph t Trang 57 www.adultpdf.com
Bài Gi ng Môn Thi t K Web Ph n 2 : Ngôn Ng K ch B n JavaScript str.toUpperCase() i chu i str thành ch hoa. 6. i tư ng history i tư ng này ư c s d ng lưu gi các thông tin v các URL trư c ư c ngư i s d ng s d ng. Danh sách các URL ư c lưu tr theo th t th i gian. Các thu c tính Length - S lư ng các URL trong i tư ng. Các phương th c history.back() - ư c s d ng tham chi u t i URL m i ư c thăm trư c ây. history.forward() - ư c s d ng tham chi u t i URL k ti p trong danh sách. history.go (delta | "location") - ư c s d ng chuy n lên hay chuy n xu ng delta b c hay di chuy n n URL xác nh b i location trong danh sách. D ch chuy n lên phía trên khi delta dương và xu ng phía dư i khi delta âm. 7. i tư ng links i tư ng link là m t o n văn b n hay m t nh ư c xem là m t siêu liên k t. Các thu c tính c a i tư ng link ch y u x lý v URL c a các siêu liên k t. VÍ D :http:// www.abc.com/ chap1/page2.html#topic3 Các thu c tính hash Tên anchor c a v trí hi n th i (VÍ D : topic3). Host Ph n hostname:port c a URL (VÍ D : www.abc.com). Hostname Tên c a host và domain (VÍ D : ww.abc.com). href Toàn b URL cho document hi n t i. Pathname Ph n ư ng d n c a URL (VÍ D : /chap1/page2.html). port C ng truy n thông ư c s d ng cho máy tính host, thư ng là c ng ng m nh. Protocol Giao th c ư c s d ng (cùng v i d u hai ch m) (VÍ D : http:). Search Câu truy v n tìm ki m có th cu i URL cho các script CGI. Target Gi ng thu c tính TARGET c a 8. i tư ng location Các thu c tính c a i tư ng location duy trì các thông tin v URL c a document hi n th i. Ví d : http:// www.abc.com/ chap1/page2.html#topic3 Các thu c tính hash Tên anchor c a v trí hi n th i (VÍ D : topic3). Host Ph n hostname:port c a URL (VÍ D : www.abc.com ). Hostname Tên c a host và domain (VÍ D : www.abc.com ). href Toàn b URL cho document hi n t i. Pathname Ph n ư ng d n c a URL (VÍ D : /chap1/page2.html). Port C ng truy n thông ư c s d ng cho máy tính host, thư ng là c ng ng m nh. Protocol Giao th c ư c s d ng (cùng v i d u hai ch m) (VÍ D : http:). Search Câu truy v n tìm ki m có th cu i URL cho các script CGI. 9. i tư ng Navigator i tư ng này ư c s d ng ư c các thông tin v trình duy t như s phiên b n. i tư ng này không có phương th c hay s ki n. Các thu c tính appCodeName Xác nh tên mã n i t i c a trình duy t (Atlas). AppName Xác nh tên trình duy t. This is trial version Biên s an: Dương Thành Ph t Trang 58 www.adultpdf.com
Bài Gi ng Môn Thi t K Web Ph n 2 : Ngôn Ng K ch B n JavaScript AppVersion Xác nh thông tin v phiên b n c a i tư ng navigator. userAgent Xác nh header c a user - agent. 10. i tư ng document i tư ng này ch a các thông tin v document hi n th i. i tư ng document ư c t o ra b ng c p th và . M t s các thu c tính g n v i th . Các thu c tính alinkColor Gi ng như thu c tính ALINK. anchor M ng t t c các anchor trong document. bgColor Gi ng thu c tính BGCOLOR. cookie S d ng xác nh cookie. fgColor Gi ng thu c tính TEXT. forms M ng t t c các form trong document. lastModified Ngày cu i cùng văn b n ư c s a. linkColor Gi ng thu c tính LINK. links M ng t t c các link trong document. location URL y c a văn b n. referrer URL c a văn b n g i nó. title N i dung c a th . vlinkColor Gi ng thu c tính VLINK. Các phương th c document.clear Xoá document hi n th i. document.close óng dòng d li u vào và ưa toàn b d li u ra màn hình. document.open (["mineType"]) M m t stream thu th p d li u vào c a các phương th c write và writeln. document.write(expression1 Vi t bi u th c HTML lên văn b n trông m t c a s xác nh. [,expression2]...[,expressionN]) document.writeln (expression1 Gi ng phương th c trên nhưng khi h t m i bi u th c l i [,expression2] ... [,expressionN] ) xu ng dòng. L IK T B n có th tham kh o toàn di n JavaScript trong quy n Teach Yourself JavaScript in 14 Days, ho c JavaScript Guide. Do JavaScript là ngôn ng còn m i và có s thay i nhanh chóng, b n nên n v i trang Web c a hãng Netscape ( http://www.netscape.com ) có các thông tin m i nh t v ngôn ng này. This is trial version Biên s an: Dương Thành Ph t Trang 59 www.adultpdf.com

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.