The document discusses the history and evolution of JavaScript from its origins in 1995 at Netscape to modern usage. It describes how JavaScript was originally created to enable interactive web pages and has since been standardized and incorporated into major browsers. The document also covers important developments like DOM manipulation, AJAX techniques, and the growing use of JavaScript outside of web pages.
1 of 16
Download to read offline
More Related Content
Ppk on javascript_chapter_1
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