Ppk on javascript_chapter_1
16
1 Ⳃ JavaScript ⱘⳂᰃ㒭 Web 义䴶ϔϾ乱ⱘ⫼ᗻሖDŽ 䖭䍋ᴹᤎㅔऩˈԚ䖭ᴵ䞥⾥⥝ᕟ㒣ᐌ㹿䇃㾷DŽᑊ䴲᠔ⱘ㛮ᴀ䛑ᦤछњ Web 㔥キⱘ⫼ ᗻˈ㗠 JavaScript ܙ⒵⊶ᡬⱘϾग़䰊↉Ёˈݭ䙷ѯҸҎⴐ㢅㔁хԚ↿᮴⫼໘ⱘ㛮ᴀˈ 㒣ᰃ䞡㽕ⱘĀᆊᒁᎹϮāDŽ Փ㓪ݭ⫼ⱘ㛮ᴀᯊˈ JavaScript ᓔথ㗙Ӏг≵ᡞᅗӀ㒜ᬒড়䗖ⱘ⦃๗ϟˈ㓐ড় њ Web ޚ䖤㊒傧ǃ䆓䯂ᗻⱘǃ⦄ҷⱘ HTML 义䴶䞠DŽ ㊳ⱘᚙˈމѯ㛮ᴀᑊ≵⫼ᗻሖˈᴀ䑿ᰃ⫼ᗻሖDŽᅗᏺᴹⱘᵰህᰃˈᔧ ᶤϾ⌣㾜ϡᣕ JavaScript ⱘᯊˈ㔥キህዽњDŽ ៥ӀӮ 2 ゴ䅼⫼ᗻǃ䆓䯂ᗻ Web ޚ䖤DŽᔧ䖭ϔゴᇚ㟈Ѣ⏅㾷䞞 JavaScript ⱘⳂˈՓԴ⧚㾷ᅗ㔥キЁⱘ㾦㡆DŽℸˈ៥Ӏ䖬Ӯ䅼 JavaScript ⱘᭈϾग़Ёˈ ᇍⳂⱘᣕ㓁ϡⱘ䞡ᮄᅮНDŽ JavaScriptϡᰃJava ڕ࠰ᆓ۳ఘ྾ఆСಓēӬJavaScriptJavaωϢອලd އರਬԅҶζ౨ࢡပ ໔ອഛēயਬ՛ඔಖॴWebԅࢶဈēӬਬᄍԅϢලԤ௯ΑອഛԤᄷd ᆫߜJavaScriptJavaࢡᆴ൶༁ԝdēદݖᅟ࿉ӾޥᆢԅອഛēӬӖտನ܉ēદ ၽ҉स௦Ϣලԅཝd Javaԅᄉಭࢶᅙદ༰JavaScriptԅݮᄉಭēӬࢶટ־ݖદē JavaScriptၽ੶໔Java۳ϢອලēඋιಾԅՎൟफރರဈၐďprototypeĐϢಾ फďclassĐಬຣޟѕēҶ༓ᄵϢලԅΩёd A ὖᗉಲ乒 JavaScriptᰃϔ⾡䗮䖛⌣㾜㾷䞞ⱘ㛮ᴀ䇁㿔DŽᅗ㛑໘⧚ϔᅮⱘѸѦˈབ⌣㾜ッ㗠ϡᰃ ᳡ッ偠䆕㸼ऩᓎᮄ㦰ऩˈҢ㗠ЎWeb㔥キ⫼ᗻDŽ 1 䵯 Click to buy NOW! P D F - X C H A N G E w w w . d o c u - t r a c k . c o m Click to buy NOW! P D F - X C H A N G E w w w . d o c u - t r a c k . c o m
-
Upload
da-zhao -
Category
Technology
-
view
116 -
download
0
Transcript of Ppk on javascript_chapter_1
1
JavaScript Web
WebJavaScript
JavaScriptWeb HTML
JavaScript
2 WebJavaScript JavaScript
JavaScript Java
JavaScript JavaWeb
JavaScript JavaJava JavaScript
JavaScript Java prototypeclass
A
JavaScriptWeb
1
Click t
o buy NOW!
PDFXCHANGE
www.docutrack.com Clic
k to buy N
OW!PDFXCHANGE
www.docutrack.com
2 1
JavaScript —
11
11 —
URLWeb HTML HTML
JavaScript JavaScriptJavaScript
— 12
HTML
12
JavaScript
Click t
o buy NOW!
PDFXCHANGE
www.docutrack.com Clic
k to buy N
OW!PDFXCHANGE
www.docutrack.com
A 3
JavaScriptJavaScript
13
12 JavaScript
13 JavaScript
JavaScript
JavaScript 1996
Click t
o buy NOW!
PDFXCHANGE
www.docutrack.com Clic
k to buy N
OW!PDFXCHANGE
www.docutrack.com
4 1
JavaScript
JavaScript
HTML JavaScript JavaScript
JavaScript
JavaScript
—
JavaScript
Web Web
Web
Click t
o buy NOW!
PDFXCHANGE
www.docutrack.com Clic
k to buy N
OW!PDFXCHANGE
www.docutrack.com
B 5
10D
JavaScript
JavaScript
JavaScript
JavaScript
B
JavaScript Web JavaScript6
11 6
11 JavaScript
JavaScript 5
BOM cookie 6 ”
7 ”
DOM HTML 8“
”
CSS HTML CSS 9 “XMLHTTP“ ”
XMLHttpRequest10 “XMLHTTP ”
DOMDOM
Click t
o buy NOW!
PDFXCHANGE
www.docutrack.com Clic
k to buy N
OW!PDFXCHANGE
www.docutrack.com
6 1
JavaScript JavaScript 1C
Netscape 3
JavaScript Netscape Netscape 1996Explorer
Netscape JavaScript
JavaScript Netscape 31.1 BOM 0 DOM CSS
Web Netscape 3
NetscapeJavaScript
DOM CSS
JavaScript WebAdobe ActionScript Flash JavaScript Net
scape Web JavaScript
Flash Web Web JavaScript
DOM XML HTML8A Web Flash
DOM
ECMA JavaScriptJavaScript Flash Web Web
XML W3C W3C DOMCSS
BOM Web WHATWG BOM
Click t
o buy NOW!
PDFXCHANGE
www.docutrack.com Clic
k to buy N
OW!PDFXCHANGE
www.docutrack.com
B 7
W3C XMLHttpRequestBOM Netscape 3 XMLHttpRequest
JavaScript Netscape 3ECMA W3C WHATWG
12
12 JavaScript
Netscape 3
(1.1) ECMA (1.5)
BOM (WHATWG)Events ( ) W3C DOMDOM (0 ) W3C DOM
CSS W3C DOM
W3C
Netscape JavaScript Netscape 3JavaScript
ECMA JavaScript http://www.ecmainternational.org/publications/standards/Ecma262.htmW3C DOM http://www.w3.org/DOM/ CSSWeb http://www.whatwg.org/ BOMhttp://msdn.microsoft.com/workshop/author/om/event_model.asp Microsofthttp://msdn.microsoft.com/library/default.asp?url=/library/enus/xmlsdk/html/7924f6bec035411fa
cd279de7a711b38.asp Microsoft XMLHttpRequest
W3CW3C Netscape 3
7
JavaScript 1.0 2.0JavaScript DOM 13
Click t
o buy NOW!
PDFXCHANGE
www.docutrack.com Clic
k to buy N
OW!PDFXCHANGE
www.docutrack.com
8 1
13 JavaScript
ECMA
1.0 Netscape 2Explorer 3
1.1 Netscape 3Explorer 3
1.2 Netscape 4 4.51.3 Netscape 4.5+
Explorer 4 Explorer 5v1 v2
1.4 Netscape1.5 Mozilla
Explorer 5.5+v3
1.6 2.0 v4
Web JavaScript
<script language="JavaScript1.2">// 1.2</script>
JavaScript 1.2 <script>
1.2
Netscape Explorer 4 JavaScript 1.2 JavaScript 1.2Netscape 2 Netscape 3 Netscape 4 “JavaScript 1.2
JavaScript language
JavaScript 2.0
JavaScript Brendan Eich JavaScript 2.0Java
JavaScript
Brendan
http://weblogs.mozillazine.org/roadmap/ Brendan Eich 2.0
Mozilla Opera 2007Adobe ActionScript 2.0
Click t
o buy NOW!
PDFXCHANGE
www.docutrack.com Clic
k to buy N
OW!PDFXCHANGE
www.docutrack.com
B 9
JavaScript Web
JavaScript Web
Web JavaScript
JavaScript cookie 6G JavaScript
6 JavaScript frame
top.location.href
top.location.href location http://www.quirksmode.org/js/framebust. html
JavaScript Web
www.quirksmode.org search.quirksmode.orgwww search
document.domain
quirksmode.org document.
domain
document.domain = 'quirksmode.org';
quirksmode.org wwwsearch
Click t
o buy NOW!
PDFXCHANGE
www.docutrack.com Clic
k to buy N
OW!PDFXCHANGE
www.docutrack.com
10 1
document.domain
document.domain = 'microsoft.com';
microsoft.com quirksmode.org
microsoft.com
JavaScriptq JavaScript 6C
q JavaScript
q
JavaScriptq 100×100
C JavaScript
JavaScriptJavaScript JavaScript
JavaScriptJavaScript
JavaScript Brendan Eich Netscape JavaScript1996 3 Netscape 2
Eich JavaScript Web
JavaScript —
JavaScript
JavaScript LiveScript1996 Java Netscape
Click t
o buy NOW!
PDFXCHANGE
www.docutrack.com Clic
k to buy N
OW!PDFXCHANGE
www.docutrack.com
C JavaScript 11
Netscape Eich Java
Java —
JavaScript dumbeddown Java
Netscape 2 JavaScript Netscape 3
Netscape 3 JavaScript W3CJavaScript Netscape 3
1996 Netscape 3 WebNetscape Explorer Netscape
Web Web
Web
Netscape Explorer
1996 1999 Netscape
3
Click t
o buy NOW!
PDFXCHANGE
www.docutrack.com Clic
k to buy N
OW!PDFXCHANGE
www.docutrack.com
12 1
4
Netscape CSS CSS
JavaScript
W3C CSSCSS
JavaScript CSS position: absolute ”
top left
Netscape 4
Netscape 4
DHTML HTMLCSS JavaScript
DHTML
HTML DHTML JavaScript CSS 9A
DHTML JavaScript WebDOM
JavaScriptDOM
DOM
DOM DOM Netscape 3 DOM W3C DOMNetscape 4 document.layers DOM Explorer
document.all DOM Explorer Netscape
Click t
o buy NOW!
PDFXCHANGE
www.docutrack.com Clic
k to buy N
OW!PDFXCHANGE
www.docutrack.com
C JavaScript 13
W3C DOM
Document.Layers Document.All
DOM Netscape 4 Explorer 4W3C DOM 8
DOM WebNetscape 4 Explorer 4
DOM
Web
/
JavaScript
JavaScript JavaScript8 JavaScript
1999 Explorer 5 CSS W3C DOMWeb Netscape 4
JavaScript JavaScript
Netscape 4 JavaScript Explorer CSSWeb
CSS
Web WaSP Web Standards Project
Click t
o buy NOW!
PDFXCHANGE
www.docutrack.com Clic
k to buy N
OW!PDFXCHANGE
www.docutrack.com
14 1
Web Web
JavaScript WebJavaScript
WaSP Web — — CSS WebCSS
JavaScript
JavaScript
CSS JavaScript
Explorer 5.0 W3C DOMJavaScript XMLHttpRequest
2003 CSS JavaScriptJavaScript Web
JavaScript
Simon Willison 2003 JavaScripthttp://www.sitepoint.com/article/structuralmarkupjavascript
HTML Web
HTMLJavaScript
2
Web JavaScript
Explorer Bindows http://www.bindows.net/ ——
Click t
o buy NOW!
PDFXCHANGE
www.docutrack.com Clic
k to buy N
OW!PDFXCHANGE
www.docutrack.com
C JavaScript 15
JavaScript
JavaScript
JavaScript
Ajax JavaScriptJavaScript
Ajax
Jesse James Garrett Ajax: Web Ajaxhttp://www.adaptivepath.com/publications/essays/archives/000385.php
JavaScript CSSWeb JavaScript
Ajax
Ajax DHTML AjaxAjax?
Ajax?
JavaScript
Ajax DHTMLJavaScript
Click t
o buy NOW!
PDFXCHANGE
www.docutrack.com Clic
k to buy N
OW!PDFXCHANGE
www.docutrack.com
16 1
134 Ajax
2006 5 134 Ajax Ajax134
—— http://ajaxian.com/archives/134ajaxframeworksandcounting
JavaScript
6 JavaScript
JavaScriptJavaScript
JavaScript— —
Web
Ajax AjaxWeb Web Ajax
DHTML JavaScript Ajax JavaScriptAjaxAjax
——
Click t
o buy NOW!
PDFXCHANGE
www.docutrack.com Clic
k to buy N
OW!PDFXCHANGE
www.docutrack.com
