Nội dung

JAVASCRIPT Baøi 1: TOÅNG QUAN VEÀ JAVASCRIPT. 1. Ñaëc tính cuûa ngoân ngöõ Javascript: J avascript laø moät ngoân ngöõ thoâng dòch (interpreter), chöông trình nguoàn cuûa noù ñöôïc nhuùng (embedded) hoaëc tích hôïp (integated) vaøo taäp tin HTML chuaån. Khi file ñöôïc load trong Browser (coù support cho JavaScript), Browser seõ thoâng dòch caùc Script vaø thöïc hieän caùc coâng vieäc xaùc ñònh. Chöông trình nguoàn JavaScript ñöôïc thoâng dòch trong trang HTML sau khi toaøn boä trang ñöôïc load nhöng tröôùc khi trang ñöôïc hieån thò. Javascript laø moät ngoân ngöõ coù ñaëc tính: • Ñôn giaûn. • Ñoäng (Dynamic). • Höôùng ñoái töôïng (Object Oriented). 2. Ngoân ngöõ JavaScript: Moät trong nhöõng ñaëc tính quan troïng cuûa ngoân ngöõ JavaScript laø khaû naêng taïo vaø söû duïng caùc ñoái töôïng (Object). Caùc Object naøy cho pheùp ngöôøi laäp trình söû duïng ñeå phaùt trieån öùng duïng. Trong JavaScript ,caùc Object ñöôïc nhìn theo 2 khía caïnh: a. Caùc Object ñaõ toàn taïi. b. Caùc Object do ngöôøi laäp trình xaây döïng. Trong caùc Object ñaõ toàn taïi ñöôïc chia thaønh 2 kieåu: a. Caùc Object cuûa JavaScript (JavaScript Built-in Object). b. Caùc ñoái töôïng ñöôïc cung caáp bôûi moâi tröôøng Netscape. 3. Built-in Object trong JavaScript: JavaScript cung caáp 1 boä caùc Built-in Object ñeå cung caáp caùc thoâng tin veà söï hieän haønh cuûa caùc ñoái töôïng ñöôïc load trong trang Web vaø noäi dung cuûa noù.Caùc ñoái töôïng naøy bao goàm caùc phöông phaùp (Method) laøm vieäc vôùi caùc thuoäc tính (Properties) cuûa noù. 4. Caùc ñoái töôïng ñöôïc cung caáp bôûi moâi tröôøng Netscape: Netscape Navigator cung caáp caùc ñoái töôïng cho pheùp JavaScript töông taùc vôùi file HTML, caùc ñoái töôïng naøy cho pheùp chuùng ta ñieàu khieån vieäc hieån thò thoâng tin vaø ñaùp öùng caùc söï kieän trong moâi tröôøng Navigator.Ví duï Ñoái töôïng Window JAVASCRIPT Moâ taû Cung caáp caùc phöông phaùp vaø caùc tính chaát cho cöûa soå hieän haønh cuûa trình duyeät,bao goàm caùc ñoái töôïng cho moãi frame. MEDIASPACE CLUB (HTD) PAGE: 1 Location History Document Cung caáp caùc tính chaát vaø phöông phaùp laøm vieäc vôùi caùc ñòa chæ URL hieän haønh ñöôïc môû. Caùc ñoái töôïng history cung caáp thoâng tin veà caùc danh saùch cuõ vaø coù theå giôùi haïn söï töông taùc vôùi danh saùch. Ñaây laø moät ñoái töôïng ñöôïc söû duïng nhieàu nhaát .Noù chöùa ñöïng caùc Ñoái töôïng,tính chaát vaø caùc phöông phaùp laøm vieäc vôùi caùc thaønh phaàn cuûa taøi lieäu nhö caùc :form,link,anchor,applet. 5. Caùc ñoái töôïng do ngöôøi laäp trình xaây döïng: a. Ñònh nghóa thuoäc tính cuûa ñoái töôïng: (Object Properties) Cuù phaùp : Object-name.Property-name (teân ñoái töôïng.teân ñaëc tính) Ví duï :Moät ñoái töôïng airplane coù caùc thuoäc tính nhö sau: Airplane.model Airplane.maxspeed Airplane.price Airplane.fuel Airplane.seating b. Theâm caùc phöông phaùp cho ñoái töôïng:( Method to Object) Sau khi ñaõ coù caùc thoâng tin veà airplane ta tieáp tuïc xaây döïng phöông phaùp ñeå söû duïng thoâng tin naøy.Ví duï baïn muoán in ra moâ taû cuûa airplane hoaëc tính toaùn khoaûng caùch toái ña cuûa cuoäc haønh trình vôùi nhieân lieäu ñaõ coù: Airplane.description() Airplane.distance() c. Taïo moät instance cuûa ñoái töôïng: Tröôùc khi thao taùc vôùi moät ñoái töôïng cuûa JavaScript ta phaûi taïo moät instance cho ñoái töôïng ñoù. 6 . Nhuùng JavaScript vaøo trong taäp tin HTML: Cuù phaùp: Thuoäc tính cuûa theû SCRIPT + SRC :Ñòa chæ URL chæ ñeán taäp tin chöông trình JavaScript (*.js) + LANGUAGE: Chæ ñònh ngoân ngöõ ñöôïc söû duïng trong Script vaø caùc phieân baûn söû duïng (ví duï nhö :JavaScript ,JavaScript .1.2 vv… ,VBScript). 7. AÅn caùc Scripts ñoái vôùi caùc Browser khoâng cung caáp JavaScript: JAVASCRIPT MEDIASPACE CLUB (HTD) PAGE: 2 8. Söû duïng taäp tin JavaScript beân ngoaøi : 9. Theâm chöông trình vaøo taäp tin HTML: Here is result: Baøi 2: SÖÛ DUÏNG JAVASCRIPT 1. Cuù phaùp cô baûn cuûa leänh : JavaScript xaây döïng caùc haøm,caùc phaùt bieåu,caùc toaùn töû vaø caùc bieåu thöùc treân cuøng moät doøng vaø keát thuùc baèng ; Ví duï: document.writeln("It work
"); 2. Caùc khoái leänh: Nhieàu doøng leänh coù theå ñöôïc lieân keát vôùi nhau vaø ñöôïc bao bôûi { Ví duï: { document.writeln("Does It work"); document.writeln("It work!"); } } 3. Xuaát döõ lieäu ra cöûa soå trình duyeät: Duøng 2 phöông phaùp document.write() vaø document.writeln() Ví duï: document.write(“Test”); document.writeln(“Test”); 4. Xuaát caùc theû HTML töø JavaScript JAVASCRIPT MEDIASPACE CLUB (HTD) PAGE: 3 Ví duï 1: This is text plain
Ví duï 2: document.write(''); document.write("

WELCOME TO NETSCAPE 2.1

"); - -> 6. Caùc kí töï ñaëc bieät trong chuoåi: \n : New line \t : Tab \r : carriage return \f : form feed \b: backspace Ví duï: document.writeln("It work!\n"); 7. Laøm vieäc vôùi caùc dialog boxes Söû duïng haøm alert() ñeå hieån thò thoâng baùo trong moät hoäp. Ví duï: MEDIASPACE CLUB (HTD) PAGE: 4 8. Töông taùc vôùi ngöôøi söû duïng: Söû duïng phöông phaùp promt() ñeå töông taùc vôùi ngöôøi söû duïng. Ví duï 1: Ví duï 2: document.write("

Greeting ,"); document.writeln(prompt("enter your name:","name")); document.write("Welcome to netscape navigator 2.01

"); - -> Ví du 2: taïo laïi moät giaù trò môùi cho bieán 11. Laøm vieäc vôùi bieán vaø bieåu thöùc: • Thieát laäp bieåu thöùc: Cuù phaùp: * Toaùn töû: = Thieát laäp giaù trò beân phaûi cho beân traùi Ví duï :x=5 += Coäng traùi vaø phaûi ,sau ñoù gaùn keát quaû cho beân traùi pheùp toaùn Ví duï: cho x=10,y=5 x+=y => x=15 -= Tröø beân traùi cho beân phaûi ,gaùn keát quaû laïi cho beân traùi x-=y => x=5 JAVASCRIPT MEDIASPACE CLUB (HTD) PAGE: 6 *= Nhaân beân traùi cho beân phaûi,gaùn keát quaû cho beân traùi x*=y => x=50 /= Chia beân traùi cho phaûi ,gaùn keát quaû laïi cho beân traùi x/=y => x=2 %= Chia beân traùi cho beân phaûi vaø laáy soá dö gaùn laïi cho beân traùi x%=y => x=0 * Caùc toaùn töû khaùc: Ví duï: x+=15+3 y=++x; (=> y=6 vì x taêng leân 6) => x=18 z=x++; (=> z=6 vì sau ñoù x gaùn cho z) 8+5 sau ñoù x taêng 1 => x=7 32.5 * 72.3 Do ñoù ta coù keát quaû cuoái cuøng laø: 12 % 5 x=7;y=6;z=6; Daáu ++ vaø daáu - - vaø daáu Ví duï: x=5; Ví duï: x=-x => x=-5 x=5; Pheùp toaùn Logic && : vaø ||: hoaëc ! not Ví duï: x=5 ,y=2 ,c=3 (x>y) && (x>c) false && anything is always false (x>y) || (c true !x • Toaùn töû so saùnh trong JavaScript: == 1==1 => true != 3<1 =>false > 5 >=4 =>true < “the” != “he” => true >= 4==”4” =>true <= Ví duï: • Toaùn töû ñieàu kieän: Cuù phaùp: (ñieàu kieän ) ? giaù trò 1 : giaù trò 2 Neáu ñieàu kieän ñuùng thì traû veà giaù trò 1 Neáu ñieàu kieän sai thì traû veà giaù trò 2 Ví duï: • JAVASCRIPT MEDIASPACE CLUB (HTD) PAGE: 7 (day=”Saturday”) ? “Weekend” : “Not Saturday” • Toaùn töû chuoåi: “ Welcome to “ + “ Netscape Navigator” Ví duï: Var welcome=”Welcome to” Welcome += “ Netscape Navigator” ! welcome= “Welcome to Netsacpe Navigator” Ví duï : Söû duïng toaùn töû ñieàu kieän ñeå kieåm tra ngoû vaøo var output = (response==answer) ? correct:incorrect; 12. Caáu truùc ñieàu kieän if – else if ñieàu kieän leänh ; if ñieàu kieän { Maõ JavaScript } Ví duï: if (day==”Saturday”) { document.writeln(“It‘s the weekend”); alert(“ It’s the weekend”); } Ví duï: If (day==”Saturday”) { document.writeln(“It‘s the weekend”); } If (day!=”Saturday”) { document.writeln(“It‘s not Saturday”); } Söû duïng caáu truùc else – if cho ví duï ôû treân If (day==”Saturday”) { document.writeln(“It‘s the weekend”); } else { document.writeln(“It‘s not Saturday”); } Caáu truùc keát hôïp : if ñieàu kieän 1 { Caùc leänh JavaScript JAVASCRIPT MEDIASPACE CLUB (HTD) PAGE: 8 if ñieàu kieän 2 { Caùc leänh JavaScript } else { caùc leänh khaùc } Caùc leänh JavaScript } else { Caùc leänh khaùc } Ví duï 1 : Söû duïng phöông phaùp confirm() vôùi phaùt bieåu if response=prompt(question,"0"); } Ví duï 2 : Söû duïng phöông phaùp confirm() vôùi phaùt bieåu if - else question="What is 10*10"; answer=100; MTWRFSS JAVASCRIPT MEDIASPACE CLUB (HTD) PAGE: 9 BAØI 3: HAØM VAØ ÑOÁI TÖÔÏNG Trong kyõ thuaät laäp trình caùc laäp trình vieân thöôøng söû duïng haøm ñeå thöïc hieän moät ñoaïn chöông trình theå hieän cho moät module naøo ñoù ñeå thöïc hieän moät coâng vieäc naøo ñoù. Trong Javascript coù caùc haøm ñöôïc xaây döïng saün ñeå giuùp baïn thöïc hieän moät chöùc naêng naøo ñoù ví duï nhö haøm alert(), document.write(), parseInt() vaø baïn cuõng coù theå ñònh nghóa ra caùc haøm khaùc cuûa mình ñeå thöïc hieän moät coâng vieäc naøo ñoù cuûa baïn, ñeå ñònh nghóa haøm baïn theo cuù phaùp sau: function function_name(parameters, arguments) { command block } Truyeàn tham soá: function printName(name) { document.write(“

---

Your Name is ”); document.write(name); document.write(“

---

”); } Ví duï: Goïi haøm printName()vôùi leänh sau printName(“Bob”); Khi haøm printName()ñöôïc thi haønh giaù trò cuûa name laø "Bob" neáu goïi haøm printName()vôùi ñoái soá laø moät bieán var user = “John”; printName(user); Khi ñoù name laø “John”. Neáu baïn muoán thay ñoåi giaù trò cuûa name baïn coù theå laøm nhö sau : name = “Mr. “ + name; Phaïm vi cuûa bieán: Bieán toaøn cuïc (Global variable) Bieán cuïc boä (Local variable) Traû veà caùc giaù trò: Ví duï: Duøng return ñeå traû veà giaù trò cuûa bieán cube. function cube(number) { var cube = number * number * number; return cube; } MTWRFSS JAVASCRIPT MEDIASPACE CLUB (HTD) PAGE: 10

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.