Các đối tượng cơ bản trong JavaScript Session 7
Số trang: 16
Loại file: ppt
Dung lượng: 116.00 KB
Lượt xem: 13
Lượt tải: 0
Xem trước 2 trang đầu tiên của tài liệu này:
Thông tin tài liệu:
Tham khảo tài liệu các đối tượng cơ bản trong javascript session 7, công nghệ thông tin, quản trị web phục vụ nhu cầu học tập, nghiên cứu và làm việc hiệu quả
Nội dung trích xuất từ tài liệu:
Các đối tượng cơ bản trong JavaScript Session 7Các đối tượng cơ bản trongJavaScript Session 7 Mục tiêu bài học Làmviệctrêncácđốitượngcơbản Sử dụng các thuộc tính và phương thức của đốitượng Web Page Programming with HTML,DHTML & JavaScript/Session 7/ 2 of 16 Đối tượng Thuộc tính (biến) dùng để định nghĩa đối tượng và cácphươngthức(hàm)tácđộngtớidữliệuđềunằm trongđốitượng. Ví dụ: một chiếc xe hơi là một đối tượng. Các thuộc tính của nó là cấu tạo, kiểu dáng và màu sắc. Hầu hết các chiếc xe hơi đều có một vài phương thức chungnhưgo(),brake(),reverse(). Web Page Programming with HTML,DHTML & JavaScript/Session 7/ 3 of 16 Thuộc tính và phương thức Để truy cập thuộc tính của đối tượng, chúng taphảichỉratênđốitượngvàthuộctínhcủa nó: objectName.propertyName Để truy cập phương thức của đối tượng, chúng ta phải chỉ ra tên đối tượng và thuộc tínhcủanó: Web Page Programming with HTML,DHTML & objectName.method() JavaScript/Session 7/ 4 of 16Cách dùng đối tượng Khitạotrangweb,chúngtacầnchèn: Cácđốitượngtrìnhduyệt Các đối tượng có sẵn (thay đổi phụ thuộc vào ngônngữkịchbảnđượcsửdụng) HTMLelements Chúngtacũngcóthểtạoracácđốitượngđể sửdụngtheoyêucầucủamình. Web Page Programming with HTML,DHTML & JavaScript/Session 7/ 5 of 16Cây phân cấp đối tượng Đốitượngcủatrìnhduyệt Đốitượngkịchbản PhầntửHTML Page Programming with Web HTML,DHTML & JavaScript/Session 7/ 6 of 16 Câu lệnh this Câulệnh‘this’khôngchỉlàmộtthuộctínhnộitại. Giátrịcủanóchỉrađốitượnghiệnhànhvàcóthểcó các thuộc tính chuẩn chẳng hạn như tên, độ dài, và giátrịđượcápdụngphùhợp. Web Page Programming with HTML,DHTML & JavaScript/Session 7/ 7 of 16Câu lệnh for . . . in CâulệnhFor...inđượcdùngđểlặpmỗithuộc tínhcủađốitượnghoặcmỗiphầntửcủamột mảng. Cúpháp: for (variable in object) { statements; } Web Page Programming with HTML,DHTML & JavaScript/Session 7/ 8 of 16Câu lệnh with Câulệnhwithđượcdùngđểthựcthitậphợp các lệnh mà các lệnh này dùng các phương thứccủacùngmộtloạiđốitượng. thuộc tính được gán cho đối tượng đã được xácđịnhtrongcâulệnhwith. Cúpháp: with (object) { statements; } Web Page Programming with HTML,DHTML & JavaScript/Session 7/ 9 of 16 Toán tử new Toántửnewđượcdùngđểtạoramộtthực thểmớicủamộtloạiđốitượng Đốitượngcóthểcósẵnhoặcdongườidùng địnhnghĩa objectName = new objectType (param1 [,param2]...[,paramN]) Trongđó: objectName là tên của thực thể đối tượng mới. ObjectType là một hàm quyết định loại của đối tượng. Ví dụ Array. Web Page Programming with Param[1, 2, . . ] là các giá trị thuộc tính của đối tượng. HTML,DHTML & JavaScript/Session 7/ 10 of 16 Hàm eval Hàmevalđượcdùngđểđánhgiámộtchuỗi mãlệnhmàkhôngcầnthamchiếuđếnbấtcứ đốitượngcụthểnào. ChuỗicóthểlàmộtbiểuthứcJavaScript,một câulệnhhoặcmộtnhómcâulệnh Biểuthứccóthểbaogồmnhiềubiếnvànhiều thuộctínhcủamộtđốitượng. var x = 5; var z = 10; Web Page Programming with HTML,DHTML & document.write(eval(“x + z + 5”)); JavaScript/Session 7/ 11 of 16 Đối tượng String Đối tượng string được dùng để thao tác và làm việcvớichuỗivănbản. Chúng ta có thể tách chuỗi ra thành các chuỗi con và biến đổi chuỗi đó thành các chuỗi hoa hoặcthườngtrongmộtchươngtrình. Cúpháptổngquát: stringName.propertyName hay Web Page Programming with HTML,DHTML & stringName.methodName JavaScript/Session 7/ 12 of 16 Cách tạo đối tượng String Có3phươngthứckhácnhauđểtạorachuỗi. Dùnglệnhvarvàgánchonómộtgiátrị. Dùng một toán tử (=) có gán với một tên biến. DùnghàmkhởitạoString(string). Web Page Programming with HTML,DHTML & JavaScript/Session 7/ 13 of 16 Đối tượng Math ĐốitượngMathcócácthuộctínhvàphương thứcbiểuthịcácphéptínhtoánhọcnâng cao. function doCalc(x) { var a; a = Math.PI * x * x; alert (The area of a circle with a radius of + x + “ is + a); } Web Page Programming with HTML,DHTML & JavaScript/Session 7/ 14 of 16 Đối tượng Date Date là một đối tượng có sẵn chứa thông tin vềngàyvàgiờ. ĐốitượngDatekhôngcóthuộctínhnào. Nó có nhiều phương th ...
Nội dung trích xuất từ tài liệu:
Các đối tượng cơ bản trong JavaScript Session 7Các đối tượng cơ bản trongJavaScript Session 7 Mục tiêu bài học Làmviệctrêncácđốitượngcơbản Sử dụng các thuộc tính và phương thức của đốitượng Web Page Programming with HTML,DHTML & JavaScript/Session 7/ 2 of 16 Đối tượng Thuộc tính (biến) dùng để định nghĩa đối tượng và cácphươngthức(hàm)tácđộngtớidữliệuđềunằm trongđốitượng. Ví dụ: một chiếc xe hơi là một đối tượng. Các thuộc tính của nó là cấu tạo, kiểu dáng và màu sắc. Hầu hết các chiếc xe hơi đều có một vài phương thức chungnhưgo(),brake(),reverse(). Web Page Programming with HTML,DHTML & JavaScript/Session 7/ 3 of 16 Thuộc tính và phương thức Để truy cập thuộc tính của đối tượng, chúng taphảichỉratênđốitượngvàthuộctínhcủa nó: objectName.propertyName Để truy cập phương thức của đối tượng, chúng ta phải chỉ ra tên đối tượng và thuộc tínhcủanó: Web Page Programming with HTML,DHTML & objectName.method() JavaScript/Session 7/ 4 of 16Cách dùng đối tượng Khitạotrangweb,chúngtacầnchèn: Cácđốitượngtrìnhduyệt Các đối tượng có sẵn (thay đổi phụ thuộc vào ngônngữkịchbảnđượcsửdụng) HTMLelements Chúngtacũngcóthểtạoracácđốitượngđể sửdụngtheoyêucầucủamình. Web Page Programming with HTML,DHTML & JavaScript/Session 7/ 5 of 16Cây phân cấp đối tượng Đốitượngcủatrìnhduyệt Đốitượngkịchbản PhầntửHTML Page Programming with Web HTML,DHTML & JavaScript/Session 7/ 6 of 16 Câu lệnh this Câulệnh‘this’khôngchỉlàmộtthuộctínhnộitại. Giátrịcủanóchỉrađốitượnghiệnhànhvàcóthểcó các thuộc tính chuẩn chẳng hạn như tên, độ dài, và giátrịđượcápdụngphùhợp. Web Page Programming with HTML,DHTML & JavaScript/Session 7/ 7 of 16Câu lệnh for . . . in CâulệnhFor...inđượcdùngđểlặpmỗithuộc tínhcủađốitượnghoặcmỗiphầntửcủamột mảng. Cúpháp: for (variable in object) { statements; } Web Page Programming with HTML,DHTML & JavaScript/Session 7/ 8 of 16Câu lệnh with Câulệnhwithđượcdùngđểthựcthitậphợp các lệnh mà các lệnh này dùng các phương thứccủacùngmộtloạiđốitượng. thuộc tính được gán cho đối tượng đã được xácđịnhtrongcâulệnhwith. Cúpháp: with (object) { statements; } Web Page Programming with HTML,DHTML & JavaScript/Session 7/ 9 of 16 Toán tử new Toántửnewđượcdùngđểtạoramộtthực thểmớicủamộtloạiđốitượng Đốitượngcóthểcósẵnhoặcdongườidùng địnhnghĩa objectName = new objectType (param1 [,param2]...[,paramN]) Trongđó: objectName là tên của thực thể đối tượng mới. ObjectType là một hàm quyết định loại của đối tượng. Ví dụ Array. Web Page Programming with Param[1, 2, . . ] là các giá trị thuộc tính của đối tượng. HTML,DHTML & JavaScript/Session 7/ 10 of 16 Hàm eval Hàmevalđượcdùngđểđánhgiámộtchuỗi mãlệnhmàkhôngcầnthamchiếuđếnbấtcứ đốitượngcụthểnào. ChuỗicóthểlàmộtbiểuthứcJavaScript,một câulệnhhoặcmộtnhómcâulệnh Biểuthứccóthểbaogồmnhiềubiếnvànhiều thuộctínhcủamộtđốitượng. var x = 5; var z = 10; Web Page Programming with HTML,DHTML & document.write(eval(“x + z + 5”)); JavaScript/Session 7/ 11 of 16 Đối tượng String Đối tượng string được dùng để thao tác và làm việcvớichuỗivănbản. Chúng ta có thể tách chuỗi ra thành các chuỗi con và biến đổi chuỗi đó thành các chuỗi hoa hoặcthườngtrongmộtchươngtrình. Cúpháptổngquát: stringName.propertyName hay Web Page Programming with HTML,DHTML & stringName.methodName JavaScript/Session 7/ 12 of 16 Cách tạo đối tượng String Có3phươngthứckhácnhauđểtạorachuỗi. Dùnglệnhvarvàgánchonómộtgiátrị. Dùng một toán tử (=) có gán với một tên biến. DùnghàmkhởitạoString(string). Web Page Programming with HTML,DHTML & JavaScript/Session 7/ 13 of 16 Đối tượng Math ĐốitượngMathcócácthuộctínhvàphương thứcbiểuthịcácphéptínhtoánhọcnâng cao. function doCalc(x) { var a; a = Math.PI * x * x; alert (The area of a circle with a radius of + x + “ is + a); } Web Page Programming with HTML,DHTML & JavaScript/Session 7/ 14 of 16 Đối tượng Date Date là một đối tượng có sẵn chứa thông tin vềngàyvàgiờ. ĐốitượngDatekhôngcóthuộctínhnào. Nó có nhiều phương th ...
Tìm kiếm theo từ khóa liên quan:
thủ thuật máy tính kỹ thuật cài đặt cài đặt máy tính các đối tượng của Form tài liệu tin họcTài liệu cùng danh mục:
-
Chương trình khung trình độ trung cấp nghề nghề Thiết kế trang Web - Trường CĐN GTVT Đường Thuỷ 1
6 trang 387 0 0 -
45 trang 370 4 0
-
Elasticity for MQTT brokers in IoT applications
13 trang 288 0 0 -
13 trang 271 0 0
-
Đề thi thực hành môn Thiết kế Web - Trường Cao đẳng nghề Vĩnh Phúc
3 trang 254 2 0 -
A study on cloud computing security
15 trang 254 0 0 -
EBay - Internet và câu chuyện thần kỳ: Phần 1
143 trang 250 0 0 -
14 trang 232 0 0
-
8 trang 196 0 0
-
Tìm kiếm thông minh hơn với Google
4 trang 187 0 0
Tài liệu mới:
-
121 trang 0 0 0
-
108 trang 0 0 0
-
35 trang 0 0 0
-
Giải quyết vấn đề với ISP rogue
3 trang 1 0 0 -
27 trang 0 0 0
-
83 trang 0 0 0
-
Giáo án địa lý 7 - BÀI 9: HOẠT ĐỘNG SẢN XUẤT NÔNG NGHIỆP Ở ĐỚI NÓNG
7 trang 0 0 0 -
7 trang 1 0 0
-
Để không mất tiền oan vì mạng xã hội
10 trang 0 0 0 -
Sáng kiến kinh nghiệm THCS: Phát huy hiệu quả giáo dục môi trường trong tiết dạy sinh học 7
18 trang 0 0 0