Co ban ve Javascript

JAVASCRI PT

MEDI ASPACE CLUB ( HTD)

PAGE: 1

JAVASCRI PT

Ba\u00f8i 1: TO\u00c5NG QUAN VE\u00c0JAVASCRIPT.

1. \u00d1a\u00ebc t\u00ednh cu\u00fba ngo\u00e2n ng\u00f6\u00f5Javascript:

avascript la\u00f8mo\u00e4t ngo\u00e2n ng\u00f6\u00f5tho\u00e2ng d\u00f2ch (interpreter), ch\u00f6\u00f4ng tr\u00ecnh nguo\u00e0n cu\u00fba no\u00f9\u00f1\u00f6\u00f4\u00efc nhu\u00f9ng

(embedded) hoa\u00ebc t\u00edch h\u00f4\u00efp (integated) va\u00f8o ta\u00e4p tin HTML chua\u00e5n. Khi file \u00f1\u00f6\u00f4\u00efc load trong Browser (co\u00f9support cho JavaScri pt), Browser se\u00f5tho\u00e2ng d\u00f2ch ca\u00f9c Scri pt va\u00f8th\u00f6\u00efc hie\u00e4n ca\u00f9c co\u00e2ng vie\u00e4c xa\u00f9c \u00f1\u00f2nh. Ch\u00f6\u00f4ng tr\u00ecnh nguo\u00e0n JavaScri pt \u00f1\u00f6\u00f4\u00efc tho\u00e2ng d\u00f2ch trong trang HTML sau khi toa\u00f8n bo\u00e4trang \u00f1\u00f6\u00f4\u00efc load nh\u00f6ng tr\u00f6\u00f4\u00f9c khi trang \u00f1\u00f6\u00f4\u00efc hie\u00e5n th\u00f2.

Javascri pt l a\u00f8mo\u00e4t ngo\u00e2n ng\u00f6\u00f5co\u00f9\u00f1a\u00ebc t\u00ednh:

\u2022

\u00d1\u00f4n gia\u00fbn.

\u2022

\u00d1o\u00e4ng (Dynamic).

\u2022

H\u00f6\u00f4\u00f9ng \u00f1o\u00e1i t\u00f6\u00f4\u00efng (Object Oriented).

2. Ngo\u00e2n ng\u00f6\u00f5JavaScript:

Mo\u00e4t trong nh\u00f6\u00f5ng \u00f1a\u00ebc t\u00ednh quan tro\u00efng cu\u00fba ngo\u00e2n ng\u00f6\u00f5JavaScri pt l a\u00f8kha\u00fbna\u00eang ta\u00efo va\u00f8s\u00f6\u00fbdu\u00efng ca\u00f9c \u00f1o\u00e1i

t\u00f6\u00f4\u00efng (Object). Ca\u00f9c Object na\u00f8y cho phe\u00f9p ng\u00f6\u00f4\u00f8i la\u00e4p tr\u00ecnh s\u00f6\u00fbdu\u00efng \u00f1e\u00e5pha\u00f9t trie\u00e5n \u00f6\u00f9ng du\u00efng.

Trong JavaScript ,ca\u00f9c Object \u00f1\u00f6\u00f4\u00efc nh\u00ecn theo 2 kh\u00eda ca\u00efnh:

a. Ca\u00f9c Object \u00f1a\u00f5to\u00e0n ta\u00efi.

b. Ca\u00f9c Object do ng\u00f6\u00f4\u00f8i la\u00e4p tr\u00ecnh xa\u00e2y d\u00f6\u00efng.

Trong ca\u00f9c Obj ect \u00f1a\u00f5to\u00e0n ta\u00efi \u00f1\u00f6\u00f4\u00efc chi a tha\u00f8nh 2 kie\u00e5u:

a. Ca\u00f9c Object cu\u00fba JavaScript (JavaScript Built-in Object).

b. Ca\u00f9c \u00f1o\u00e1i t\u00f6\u00f4\u00efng \u00f1\u00f6\u00f4\u00efc cung ca\u00e1p b\u00f4\u00fbi mo\u00e2i tr\u00f6\u00f4\u00f8ng Netscape.

3. Built-in Object trong JavaScript:

JavaScript cung ca\u00e1p 1 bo\u00e4ca\u00f9c Built-in Object \u00f1e\u00e5cung ca\u00e1p ca\u00f9c tho\u00e2ng tin ve\u00e0s\u00f6\u00ef hie\u00e4n ha\u00f8nh cu\u00fba ca\u00f9c

\u00f1o\u00e1i t\u00f6\u00f4\u00efng \u00f1\u00f6\u00f4\u00efc load trong trang Web va\u00f8no\u00e4i dung cu\u00fba no\u00f9.Ca\u00f9c \u00f1o\u00e1i t \u00f6\u00f4\u00efng na\u00f8y bao go\u00e0m ca\u00f9cph\u00f6\u00f4ng

pha\u00f9p (Method) la\u00f8m vie\u00e4c v\u00f4\u00f9i ca\u00f9c thuo\u00e4c t\u00ednh(Properties) cu\u00fba no\u00f9.

4. Ca\u00f9c \u00f1o\u00e1i t\u00f6\u00f4\u00efng \u00f1\u00f6\u00f4\u00efc cung ca\u00e1p b\u00f4\u00fbi mo\u00e2i tr\u00f6\u00f4\u00f8ng Netscape:

Netscape Navigator cung ca\u00e1p ca\u00f9c \u00f1o\u00e1i t\u00f6\u00f4\u00efng cho phe\u00f9p JavaScri pt t\u00f6\u00f4ng ta\u00f9c v\u00f4\u00f9i f i l e HTML, ca\u00f9c \u00f1o\u00e1i

t\u00f6\u00f4\u00efng na\u00f8y cho phe\u00f9p chu\u00f9ng ta \u00f1ie\u00e0u khie\u00e5n vie\u00e4c hie\u00e5n th\u00f2 tho\u00e2ng tin va\u00f8\u00f1a\u00f9p \u00f6\u00f9ng ca\u00f9c s\u00f6\u00ef kie\u00e4n trong mo\u00e2i

tr \u00f6\u00f4\u00f8ng Navi gator.V\u00ed du\u00ef

\u00d1o\u00e1i t\u00f6\u00f4\u00efng

Mo\u00e2ta\u00fb

Window

Cung ca\u00e1p ca\u00f9c ph\u00f6\u00f4ng pha\u00f9p va\u00f8ca\u00f9c t\u00ednh cha\u00e1t cho c\u00f6\u00fba so\u00e5hie\u00e4n ha\u00f8nh

cu\u00fba tr\u00ecnh duye\u00e4t,bao go\u00e0m ca\u00f9c \u00f1o\u00e1i t\u00f6\u00f4\u00efng cho mo\u00e3i frame.

J

JAVASCRI PT

MEDI ASPACE CLUB ( HTD)

PAGE: 2

Locati on

Cung ca\u00e1p ca\u00f9c t\u00ednh cha\u00e1t va\u00f8ph\u00f6\u00f4ng pha\u00f9p l a\u00f8m vie\u00e4c v\u00f4\u00f9i ca\u00f9c \u00f1\u00f2a ch\u00e6

URL hie\u00e4n ha\u00f8nh \u00f1\u00f6\u00f4\u00efc m\u00f4\u00fb.

History

Ca\u00f9c \u00f1o\u00e1i t\u00f6\u00f4\u00efng history cung ca\u00e1p tho\u00e2ng ti n ve\u00e0ca\u00f9c danh sa\u00f9ch cu\u00f5va\u00f8

co\u00f9the\u00e5gi \u00f4\u00f9i ha\u00efn s\u00f6\u00ef t\u00f6\u00f4ng ta\u00f9c v\u00f4\u00f9i danh sa\u00f9ch.

Document

\u00d1a\u00e2y l a\u00f8mo\u00e4t \u00f1o\u00e1i t\u00f6\u00f4\u00efng \u00f1\u00f6\u00f4\u00efc s\u00f6\u00fbdu\u00efng nhi e\u00e0u nha\u00e1t .No\u00f9ch\u00f6\u00f9a \u00f1\u00f6\u00efng ca\u00f9c

\u00d1o\u00e1i t\u00f6\u00f4\u00efng,t\u00ednh cha\u00e1t va\u00f8ca\u00f9c ph\u00f6\u00f4ng pha\u00f9p l a\u00f8m vie\u00e4c v\u00f4\u00f9i ca\u00f9c tha\u00f8nh

pha\u00e0n cu\u00fba ta\u00f8i lie\u00e4u nh\u00f6 ca\u00f9c :form,link,anchor,applet.

5. Ca\u00f9c \u00f1o\u00e1i t\u00f6\u00f4\u00efng do ng\u00f6\u00f4\u00f8i la\u00e4p tr \u00ecnh xa\u00e2y d\u00f6\u00efng:

a. \u00d1\u00f2nh ngh\u00f3a thuo\u00e4c t\u00ednh cu\u00fba \u00f1o\u00e1i t\u00f6\u00f4\u00efng: (Object Pr oper ties)

Cu\u00f9pha\u00f9p :Obj ect-name.Pr oper ty- name (te\u00e2n \u00f1o\u00e1i t\u00f6\u00f4\u00efng.te\u00e2n \u00f1a\u00ebc t\u00ednh)

V\u00ed du\u00ef :Mo\u00e4t \u00f1o\u00e1i t\u00f6\u00f4\u00efng airplane co\u00f9ca\u00f9c thuo\u00e4c t\u00ednh nh\u00f6 sau:

Airplane.model

Airplane.price

Airplane.seati ng

Airplane.maxspeed

Airplane.fuel

b. The\u00e2m ca\u00f9c ph\u00f6\u00f4ng pha\u00f9p cho \u00f1o\u00e1i t\u00f6\u00f4\u00efng:( Method to Object)

Sau khi \u00f1a\u00f5co\u00f9ca\u00f9c tho\u00e2ng tin ve\u00e0airplane ta tie\u00e1p tu\u00efc xa\u00e2y d\u00f6\u00efng ph\u00f6\u00f4ng pha\u00f9p \u00f1e\u00e5s\u00f6\u00fbdu\u00efng tho\u00e2ng tin na\u00f8y.V\u00ed du\u00ef ba\u00efn muo\u00e1n i n ra mo\u00e2ta\u00fbcu\u00fba airplane hoa\u00ebc t\u00ednh toa\u00f9n khoa\u00fbng ca\u00f9ch to\u00e1i \u00f1a cu\u00fba cuo\u00e4c ha\u00f8nh tr\u00ecnh v\u00f4\u00f9i nhie\u00e2n lie\u00e4u \u00f1a\u00f5co\u00f9:

Airplane.description()

Airplane.distance()

c. Ta\u00efo mo\u00e4t i nst ance cu\u00fba \u00f1o\u00e1i t \u00f6\u00f4\u00efng:

Tr\u00f6\u00f4\u00f9c khi thao ta\u00f9c v\u00f4\u00f9i mo\u00e4t \u00f1o\u00e1i t\u00f6\u00f4\u00efng cu\u00fba JavaScript ta pha\u00fbi ta\u00efo mo\u00e4t instance cho \u00f1o\u00e1i t\u00f6\u00f4\u00efng \u00f1o\u00f9.

6 . Nhu\u00f9ng JavaScript va\u00f8o tr ong ta\u00e4p tin HTML :

Cu\u00f9pha\u00f9p:

JavaScript Program

</SCRIPT>

Thuo\u00e4c t\u00ednh cu\u00fba the\u00fbSCRIPT

+ SRC :\u00d1\u00f2a ch\u00e6URL ch\u00e6\u00f1e\u00e1n ta\u00e4p tin ch\u00f6\u00f4ng tr\u00ecnh JavaScript (*.js)

+ LANGUAGE: Ch\u00e6\u00f1\u00f2nh ngo\u00e2n ng\u00f6\u00f5\u00f1\u00f6\u00f4\u00efc s\u00f6\u00fbdu\u00efng trong Script va\u00f8ca\u00f9c phie\u00e2n ba\u00fbn s\u00f6\u00fbdu\u00efng (v\u00ed du\u00ef

nh\u00f6 :JavaScri pt ,JavaScri pt .1.2 vv\u2026,VBScri pt).

7. A\u00c5n ca\u00f9c Scripts \u00f1o\u00e1i v\u00f4\u00f9i ca\u00f9c Br owser kho\u00e2ng cung ca\u00e1p JavaScript:

<!- - Do\u00f8ng da\u00e1u Scr i pt \u00f1o\u00e1i v\u00f4\u00f9i ca\u00f9c Brows er kho\u00e2ng cung ca\u00e1p ( s uppor t )

JavaScript Program

//Do\u00f8ng ke\u00e1t thu\u00f9c vie\u00e4c da\u00e1u Script va\u00f8chu\u00f9th\u00edch - - >

</SCRIPT>

JAVASCRI PT

MEDI ASPACE CLUB ( HTD)

PAGE: 3

8. S\u00f6\u00fbdu\u00efng ta\u00e4p tin JavaScript be\u00e2n ngoa\u00f8i :

<!- - Do\u00f8ng da\u00e1u Scr i pt \u00f1o\u00e1i v\u00f4\u00f9i ca\u00f9c Brows er kho\u00e2ng cung ca\u00e1p ( s uppor t )

JavaScript Program

//Do\u00f8ng ke\u00e1t thu\u00f9c vie\u00e4c da\u00e1u Script va\u00f8chu\u00f9th\u00edch - - >

</SCRIPT>

9. The\u00e2m ch\u00f6\u00f4ng tr \u00ecnh va\u00f8o ta\u00e4p tin HTML :

<HTML>

<HEAD>
<TITLE>Listing 2.1</TITLE>
</HEAD>
<BODY>

Here is result:

<!--

document.writeln("It work<BR>");

-->

</SCRIPT>

</BODY>

</HTML>

Ba\u00f8i 2: S\u00d6\u00dbDU\u00cfNG JAVASCRIPT

1. Cu\u00f9pha\u00f9p c\u00f4 ba\u00fbn cu\u00fba le\u00e4nh:

JavaScri pt xa\u00e2y d\u00f6\u00efng ca\u00f9c ha\u00f8m,ca\u00f9c pha\u00f9t bie\u00e5u,ca\u00f9c toa\u00f9n t\u00f6\u00fbva\u00f8ca\u00f9c bie\u00e5u th\u00f6\u00f9c tre\u00e2n cu\u00f8ng mo\u00e4t do\u00f8ng va\u00f8

ke\u00e1t t hu\u00f9c ba\u00e8ng ;

V\u00ed du\u00ef:document .wr i tel n( " It work <B R>" );

2. Ca\u00f9c kho\u00e1i le\u00e4nh:

Nhi e\u00e0u do\u00f8ng l e\u00e4nh co\u00f9the\u00e5\u00f1\u00f6\u00f4\u00efc l i e\u00e2n ke\u00e1t v\u00f4\u00f9i nhau va\u00f8\u00f1\u00f6\u00f4\u00efc bao b\u00f4\u00fbi{ }

V\u00ed du\u00ef:

{document.writeln("Does It work");

document.writeln("It work!");

}3. Xua\u00e1t d\u00f6\u00f5lie\u00e4u ra c\u00f6\u00fba so\u00e5tr\u00ecnh duye\u00e4t :

Du\u00f8ng 2 ph\u00f6\u00f4ng pha\u00f9p document.wri te() va\u00f8document.wri teln()

V\u00ed du\u00ef:

document .wr ite(\u201c Test\u201d );

document .wr iteln(\u201c Test\u201d );

4. Xua\u00e1t ca\u00f9c the\u00fbHTML t\u00f6\u00f8JavaScr ipt

Category:	Uncategorized.
Rating:
Upload Date:	12/05/2009
Copyright:	Attribution Non-commercial
Tags:	This document has no tags.

Documents

People