ºÝºÝߣ

ºÝºÝߣShare a Scribd company logo
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 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
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 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
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 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
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 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
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 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
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 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
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 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
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 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

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