1. 1JavaScript Web
Web
JavaScript
JavaScript
Web HTML
JavaScript
2 Web
JavaScript JavaScript
JavaScript Java
JavaScript Java
Web
JavaScript Java
Java JavaScript
JavaScript Java prototype
class
A
JavaScript
Web
1
C
lick
to
buy
N
O
W
!
PDF-XCHANGE
w
w
w
.docu-track.c
o
m
C
lick
to
buy
N
O
W
!
PDF-XCHANGE
w
w
w
.docu-track.c
o
m
2. 2 1
JavaScript —
1-1
1-1 —
URL
Web HTML HTML
JavaScript JavaScript
JavaScript
— 1-2
HTML
1-2
JavaScript
C
lick
to
buy
N
O
W
!
PDF-XCHANGE
w
w
w
.docu-track.c
o
m
C
lick
to
buy
N
O
W
!
PDF-XCHANGE
w
w
w
.docu-track.c
o
m
3. A 3
JavaScript
JavaScript
1-3
1-2 JavaScript
1-3 JavaScript
JavaScript
JavaScript 1996
C
lick
to
buy
N
O
W
!
PDF-XCHANGE
w
w
w
.docu-track.c
o
m
C
lick
to
buy
N
O
W
!
PDF-XCHANGE
w
w
w
.docu-track.c
o
m
4. 4 1
JavaScript
JavaScript
HTML JavaScript JavaScript
JavaScript
JavaScript
—
JavaScript
Web Web
Web
C
lick
to
buy
N
O
W
!
PDF-XCHANGE
w
w
w
.docu-track.c
o
m
C
lick
to
buy
N
O
W
!
PDF-XCHANGE
w
w
w
.docu-track.c
o
m
5. B 5
10D
JavaScript
JavaScript
JavaScript
JavaScript
B
JavaScript Web JavaScript
6
1-1 6
1-1 JavaScript
JavaScript 5
BOM cookie 6 ”
7 ”
DOM HTML 8
“
”
CSS HTML CSS 9 “XMLHTTP
“ ”
XMLHttpRequest
10 “XMLHTTP ”
DOM
DOM
C
lick
to
buy
N
O
W
!
PDF-XCHANGE
w
w
w
.docu-track.c
o
m
C
lick
to
buy
N
O
W
!
PDF-XCHANGE
w
w
w
.docu-track.c
o
m
6. 6 1
JavaScript Java-
Script 1C
Netscape 3
JavaScript Netscape Netscape 1996
Explorer
Netscape JavaScript
JavaScript Netscape 3
1.1 BOM 0 DOM CSS
Web Netscape 3
Netscape
JavaScript
DOM CSS
JavaScript Web
Adobe ActionScript Flash JavaScript Net-
scape Web JavaScript
Flash Web Web JavaScript
DOM XML HTML
8A Web Flash
DOM
ECMA JavaScript
JavaScript Flash Web Web
XML W3C W3C DOM
CSS
BOM Web WHAT-WG BOM
C
lick
to
buy
N
O
W
!
PDF-XCHANGE
w
w
w
.docu-track.c
o
m
C
lick
to
buy
N
O
W
!
PDF-XCHANGE
w
w
w
.docu-track.c
o
m
7. B 7
W3C XMLHttpRequest
BOM Netscape 3 XMLHttpRequest
JavaScript Netscape 3
ECMA W3C WHAT-WG
1-2
1-2 JavaScript
Netscape 3
(1.1) ECMA (1.5)
BOM (WHAT-WG)
Events ( ) W3C DOM
DOM (0 ) W3C DOM
CSS W3C DOM
W3C
Netscape JavaScript Netscape 3
JavaScript
ECMA JavaScript http://www.ecma-international.org/publications/standards/Ecma-262.htm
W3C DOM http://www.w3.org/DOM/ CSS
Web http://www.whatwg.org/ BOM
http://msdn.microsoft.com/workshop/author/om/event_model.asp Microsoft
http://msdn.microsoft.com/library/default.asp?url=/library/en-us/xmlsdk/html/7924f6be-c035-411f-a
cd2-79de7a711b38.asp Microsoft XMLHttpRequest
W3C
W3C Netscape 3
7
JavaScript 1.0 2.0
JavaScript DOM 1-3
C
lick
to
buy
N
O
W
!
PDF-XCHANGE
w
w
w
.docu-track.c
o
m
C
lick
to
buy
N
O
W
!
PDF-XCHANGE
w
w
w
.docu-track.c
o
m
8. 8 1
1-3 JavaScript
ECMA
1.0 Netscape 2
Explorer 3
1.1 Netscape 3
Explorer 3
1.2 Netscape 4 4.5
1.3 Netscape 4.5+
Explorer 4 Explorer 5
v1 v2
1.4 Netscape
1.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 Java-
Script 1.2 JavaScript 1.2
Netscape 2 Netscape 3 Netscape 4 “JavaScript 1.2
JavaScript language
JavaScript 2.0
JavaScript Brendan Eich JavaScript 2.0
Java
JavaScript
Brendan
http://weblogs.mozillazine.org/roadmap/ Brendan Eich 2.0
Mozilla Opera 2007
Adobe ActionScript 2.0
C
lick
to
buy
N
O
W
!
PDF-XCHANGE
w
w
w
.docu-track.c
o
m
C
lick
to
buy
N
O
W
!
PDF-XCHANGE
w
w
w
.docu-track.c
o
m
9. 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.org
www search
document.domain
quirksmode.org document.
domain
document.domain = 'quirksmode.org';
quirksmode.org www
search
C
lick
to
buy
N
O
W
!
PDF-XCHANGE
w
w
w
.docu-track.c
o
m
C
lick
to
buy
N
O
W
!
PDF-XCHANGE
w
w
w
.docu-track.c
o
m
10. 10 1
document.domain
document.domain = 'microsoft.com';
microsoft.com quirksmode.org
microsoft.com
JavaScript
q JavaScript 6C
q JavaScript
q
JavaScript
q 100×100
C JavaScript
JavaScript
JavaScript JavaScript
JavaScript
JavaScript
JavaScript Brendan Eich Netscape JavaScript
1996 3 Netscape 2
Eich JavaScript Web
JavaScript —
JavaScript
JavaScript LiveScript
1996 Java Netscape
C
lick
to
buy
N
O
W
!
PDF-XCHANGE
w
w
w
.docu-track.c
o
m
C
lick
to
buy
N
O
W
!
PDF-XCHANGE
w
w
w
.docu-track.c
o
m
11. C JavaScript 11
Netscape Eich Java
Java —
JavaScript dumbed-down Java
Netscape 2 JavaScript Netscape 3
Netscape 3 JavaScript W3C
JavaScript Netscape 3
1996 Netscape 3 Web
Netscape Explorer Netscape
Web Web
Web
Netscape Explorer
1996 1999 Netscape
3
C
lick
to
buy
N
O
W
!
PDF-XCHANGE
w
w
w
.docu-track.c
o
m
C
lick
to
buy
N
O
W
!
PDF-XCHANGE
w
w
w
.docu-track.c
o
m
12. 12 1
4
Netscape CSS CSS
JavaScript
W3C CSS
CSS
JavaScript CSS position: absolute ”
top left
Netscape 4
Netscape 4
DHTML HTML
CSS JavaScript
DHTML
HTML DHTML JavaScript CSS 9A
DHTML JavaScript Web
DOM
JavaScript
DOM
DOM
DOM DOM Netscape 3 DOM W3C DOM
Netscape 4 document.layers DOM Explorer
document.all DOM Explorer Netscape
C
lick
to
buy
N
O
W
!
PDF-XCHANGE
w
w
w
.docu-track.c
o
m
C
lick
to
buy
N
O
W
!
PDF-XCHANGE
w
w
w
.docu-track.c
o
m
13. C JavaScript 13
W3C DOM
Document.Layers Document.All
DOM Netscape 4 Explorer 4
W3C DOM 8
DOM Web
Netscape 4 Explorer 4
DOM
Web
/
JavaScript
JavaScript JavaScript
8 JavaScript
1999 Explorer 5 CSS W3C DOM
Web Netscape 4
JavaScript JavaScript
Netscape 4 JavaScript Explorer CSS
Web
CSS
Web WaSP Web Standards Project
C
lick
to
buy
N
O
W
!
PDF-XCHANGE
w
w
w
.docu-track.c
o
m
C
lick
to
buy
N
O
W
!
PDF-XCHANGE
w
w
w
.docu-track.c
o
m
14. 14 1
Web Web
JavaScript Web
JavaScript
WaSP Web — — CSS Web
CSS
JavaScript
JavaScript
CSS JavaScript
Explorer 5.0 W3C DOM
JavaScript XMLHttpRequest
2003 CSS JavaScript
JavaScript Web
JavaScript
Simon Willison 2003 JavaScript
http://www.sitepoint.com/article/structural-markup-javascript
HTML Web
HTML
JavaScript
2
Web JavaScript
Explorer Bindows http://www.
bindows.net/ ——
C
lick
to
buy
N
O
W
!
PDF-XCHANGE
w
w
w
.docu-track.c
o
m
C
lick
to
buy
N
O
W
!
PDF-XCHANGE
w
w
w
.docu-track.c
o
m
15. C JavaScript 15
JavaScript
JavaScript
JavaScript
Ajax JavaScript
JavaScript
Ajax
Jesse James Garrett Ajax: Web Ajax
http://www.adaptivepath.com/publications/essays/archives/000385.php
JavaScript CSS
Web JavaScript
Ajax
Ajax DHTML Ajax
Ajax?
Ajax?
JavaScript
Ajax DHTML
JavaScript
C
lick
to
buy
N
O
W
!
PDF-XCHANGE
w
w
w
.docu-track.c
o
m
C
lick
to
buy
N
O
W
!
PDF-XCHANGE
w
w
w
.docu-track.c
o
m
16. 16 1
134 Ajax
2006 5 134 Ajax Ajax
134
—— http://ajaxian.com/archives/134-ajax-frameworks-and-counting
JavaScript
6 JavaScript
JavaScript
JavaScript
JavaScript
— —
Web
Ajax Ajax
Web Web Ajax
DHTML JavaScript Ajax JavaScript
Ajax
Ajax
——
C
lick
to
buy
N
O
W
!
PDF-XCHANGE
w
w
w
.docu-track.c
o
m
C
lick
to
buy
N
O
W
!
PDF-XCHANGE
w
w
w
.docu-track.c
o
m