Nhập môn JavaScript: Phần 2 - ĐH Quốc gia Hà Nội

Nhập môn JavaScript phần 2 sẽ nối tiếp nội dung phần 1 với 3 chương: Các đối tượng trong JavaScript, Mô hình đối tượng, Bảng tổng kết các từ khóa. Qua tài liệu này sẽ giúp học tập tốt môn lập trình cũng như có thể phát triển các ứng dụng của cá nhân.
Nội dung trích xuất từ tài liệu:
Nhập môn JavaScript: Phần 2 - ĐH Quốc gia Hà NộiJavaScript 404. C¸c ®èi tîng trong JavaScriptNh ®· nãi JavaScript lµ ng«n ng÷ lËp tr×nh dùa trªn ®èi tîng, nhng kh«ng híng ®èi tîngbëi v× nã kh«ng hç trî c¸c líp còng nh tÝnh thõa kÕ. PhÇn nµy nãi vÒ c¸c ®èi tîng trongJavaScript vµ h×nh 6.1 chØ ra s¬ ®å ph©n cÊp c¸c ®èi tîng.Trong s¬ ®å ph©n cÊp c¸c ®èi tîng cña JavaScript, c¸c ®èi tîng con thùc sù lµ c¸c thuéctÝnh cña c¸c ®èi tîng bè mÑ. Trong vÝ dô vÒ ch¬ng tr×nh xö lý sù kiÖn tríc ®©y form tªnPHIEU_DIEU_TRAlµ thuéc tÝnh cña ®èi tîng document vµ trêng text AGE lµ thuéc tÝnhcña form PHIEU_DIEU_TRA. §Ó tham chiÕu ®Õn gi¸ trÞ cña AGE, b¹n ph¶i sö dông: document.PHIEU_DIEU_TRA.AGE.valueC¸c ®èi tîng cã thuéc tÝnh (properties), ph¬ng thøc (methods), vµ c¸c ch¬ng tr×nh xö lý sùkiÖn (event handlers) g¾n víi chóng. VÝ dô ®èi tîng document cã thuéc tÝnh title ph¶n ¸nhnéi dung cña thÎ cña document. Bªn c¹nh ®ã b¹n thÊy ph¬ng thøcdocument.write ®îc sö dông trong nhiÒu vÝ dô ®Ó ®a v¨n b¶n kÕt qu¶ ra document.§èi tîng còng cã thÓ cã c¸c ch¬ng tr×nh xö lý sù kiÖn. VÝ dô ®èi tîng link cã hai ch¬ngtr×nh xö lý sù kiÖn lµ onClick vµ onMouseOver. onClick ®îc gäi khi cã ®èi tîng link ®îckÝch, onMouseOver ®îc gäi khi con trá chuét di chuyÓn qua link.Khi b¹n t¶i mét document xuèng Navigator, nã sÏ t¹o ra mét sè ®èi tîng cïng víi nh÷nggi¸ trÞ c¸c thuéc tÝnh cña chóng dùa trªn file HTML cña document ®ã vµ mét vµi th«ngtin cÇn thiÕt kh¸c. Nh÷ng ®èi tîng nµy tån t¹i mét c¸ch cã cÊp bËc vµ ph¶n ¸nh chÝnh cÊutróc cña file HTML ®ã.Khoa Toan tin, §¹i häc Quèc gia Hµ NéiJavaScript 41 S¬ ®å sau sÏ minh ho¹ sù ph©n cÊp cña c¸c ®èi tîng nµyWindow Texturea navigator Text Plugin Layer FileUpload Frame Mime Type Link Password document Image Hidden Area Submit Location Anchor Reset Applet Radio History Plugin Checkbox Form Button Select Option H×nh 6.1: S¬ ®å 1 - Ph©n cÊp ®èi tîng NavigatorTrong s¬ ®å ph©n cÊp nµy, c¸c ®èi tîng con chÝnh lµ c¸c thuéc tÝnh cña mét ®èi tîng cha.VÝ dô nh mét form tªn lµ form1 chÝnh lµ mét ®èi tîng con cña ®èi tîng document vµ ®-îc gäi tíi lµ document.form1TÊt c¶ c¸c trang ®Òu cã c¸c ®èi tîng sau ®©y: • navigator: cã c¸c thuéc tÝnh tªn vµ phiªn b¶n cña Navigator ®ang ®îc sö dông, dïng cho MIME type ®îc hç trî bëi client vµ plug-in ®îc cµi ®Æt trªn client. • window: lµ ®èi tîng ë møc cao nhÊt, cã c¸c thuéc tÝnh thùc hiÖn ¸p dông vµo toµn bé cöa sæ. • document: chøa c¸c thuéc tÝnh dùa trªn néi dung cña document nh tªn, mµu nÒn, c¸c kÕt nèi vµ c¸c forms. • location: cã c¸c thuéc tÝnh dùa trªn ®Þa chØ URL hiÖn thêi • history: Chøa c¸c thuéc tÝnh vÒ c¸c URL mµ client yªu cÇu tríc ®ã.Khoa Toan tin, §¹i häc Quèc gia Hµ NéiJavaScript 42Sau ®©y sÏ m« t¶ c¸c thuéc tÝnh, ph¬ng thøc còng nh c¸c ch¬ng tr×nh xö lý sù kiÖn chotõng ®èi tîng trong JavaScript. §èi tîng navigator§èi tîng nµy ®îc sö dông ®Ó ®¹t ®î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 ch¬ng tr×nh xö lý 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. 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. VÝ dôVÝ dô sau sÏ hiÓn thÞ c¸c thuéc tÝnh cña ®èi tîng navigator Navigator Object Exemple document.write(appCodeName = +navigator.appCodeName + ); document.write(appName = +navigator.appName + ); document.write(appVersion = +navigator.appVersion + ); document.write(userAgent = ...