02 JavaScript

8/13/2019 02 JavaScript

1/51

JavaScriptWeek #2


2/51

software !"#"$%&'(%)&

javaScript

! EditPlus, Notepad! Internet Explorer, Firefox,Safari, Chrome


3/51

1. *+,-$./JavaScript ->

Overview (cont.)CS.html-------

HTTPMIME -> text/html

CS.html-------

StaticWeb Pages


4/51


Static web pageStatic web page -> HTML file

Static web page (HTML)

!"#$%&'(#)$*+,-./01%2%HTML


5/51


Dynamic Web PagesDynamic Web Pages! /123Microsoft ,Sun, etc.

!

45$&-> Java, Servlet ,Applet, JavaScript, JSP,ASP, PHP, CGI, Perl, DHTML, CSS, XML, Flash,Plug-in, etc.,

! 67899%*:$->! Server Side Script -> ;$

!JSP,ASP,PHP, CGI, Perl, LiveWire Servlet, XMLetc.! Client Side Script -> ;$

!JavaScript-> Nestcape & Sun Microsystem! VBScript, Jscript -> Microsoft Corp.,! Applet, CSS, XML, Flash, Plug-in


6/51


Dynamic Web Pages (cont.)! Server Side Script !?@,"#"$ABCD$

! Java (JSP , Servlet) -> Oracle!

Object Oriented Programming (OOP)! Multi Platform (Write Once, Run

Anywhere)! Active Server Pages (ASP) ->Microsoft

!

E&@F9%&'45$&Resource ,&%! ,&./OS

! Personal Home Page (PHP)! Free

! etc.,


7/51


Client Side Script! Client Side Script -> JavaScript,VBScript,JScript etc.,

! 63'%"$*9%G&'HTML 9HI&@"-Tag

! File $&,GJK HTML,ASP , JSP , PHP ,etc.,

3+Web Server ..

3+WebBrowser

..


8/51


Server Side Script! Server Side Script -> JSP,ASP,PHP etc.,

! 63'%"$*9%G&'HTML 9HI&@"-Tag 45"! File $&,GJK ASP , JSP , PHP ,etc.,

3+WebServer

3+Web

Browser

1%2%ASP


9/51

1. *+,-$./JavaScript : I&)&

JavaScriptJavaScript 6"1%2%7&8!19$:;7


10/51

1. *+,-$./JavaScript : I&)&

JavaScriptO


11/51

Simple JavaScript Example window.defaultStatus='=6">":/%?@)$*+@Status Bar';var userinput = prompt("#AB%C"D>":/%?!E")$*+,-@

4F%G"", "...");

H/"I%+JavaScript DocumentH/"I%+')$*+J7&)#&?JavaScript "I%+K%0 -- LM

JavaScript !N0+2 O&&P*! document.write('>"Q-@RBC"D6": ' + userinput +

'.');

H/"I%+-> w3-1.html


12/51

1. *+,-$./JavaScript : I&)&JavaScript

JavaScript S"8T&TUT.!

T-`9/bi&F&8/ *h',!UkUV*j]! r&$/*s@$g9tKfile "$u&v]wGx! y8g9O


13/51

! Internal : Inline! "#6%SCRIPT *963'%B&


14/51

! Inline -> )9LDW/D

First Script

document.write("Sawasdee Krub

($X$Y:ZO) !!!");

;


15/51

! Inline -> 63'%"$y


16/51

Inline -> &"yB&


17/51


18/51

1. *+,-$./JavaScript : "yJavaScript K8Webpage! File *.js -> 6@%Javascript file 99%UM"y%file b8

! G&,&'^*@%"#UVT]@Uk-98*s@$code

File JavaScript

sawasdee();

function sawasdee() {document.write ("Sawasdee Krub ($X$Y

:ZO) !!!");

};


19/51

1. *+,-$./JavaScript :%&'"yComment! b,&@*bl(Comment) L9Browser UkG$"B"$y


20/51

2. Variable (

;


21/51

2. Variable (

;


22/51

abstract boolean break byte case

catch char class const continue

default do double else extends

false final finally float for

function goto if implements import

in instanceof int interface long

native new null package private

protected public return short static

super switch synchronized this throw

throws transient true try var

void while with

2. Variable (;


23/51

2. Variable (;


24/51

2. Variable (;


25/51

2. Variable (;


26/51

2. Variable (;$&6G]8 "#

OQ9,

! "#\ (Back Slash) bi& bd9;


27/51

2. Variable (;


28/51

2. Variable (;


29/51

2. Variable (;


30/51

3. Operator (;


31/51

3. Operator (;


32/51

3. Operator (;


33/51

3. ;


34/51

3. ;


35/51

3. ;


36/51


37/51

3. ;


38/51

4. YZ8%&'6G]8K6KNz/g9 K! YZ8document.write

! write "#"$%&'*s@$g9O


39/51

4. YZ8%&'6G]8K6KNz/

! ;


40/51

4. YZ8%&'6G]8K6KNz/g9 K

! Method " prompt() " "#6G]8%'9/T-`9/(Dialog Box)

! M6//

! ;98%'9%g9tK");

var message = prompt("!"#$%&' ()* '(+,%-./01(234567891:)'%;(","...");


41/51

5. Statement (M'NT@OYZ8)! Statement L9YZ8F&8!9HI&@"$TM'6%',! ]YZ8-98B/V


42/51

5. Statement : TM'6%',6//*9$U_! 3/3


43/51

4. Statement : YZ8if...else! &*'&-98%&'"Program X8&$`&,YZ8"$%'

!*9$U_*:$*B*'&BN*,else K8UM*>$

if (A==1000) {

document.write("JavaScript");} else {

document.write("HTML");}


44/51

5 St t t YZ if


45/51

5. Statement : YZ8if 9$*9$U_! M6//

if (

!|"DT`#%&!7l0O!s0O1)

statement1;else if (!|"DT`#%&!7l0O!s0O2)

statement2;

else if (!|"DT`#%&!7l0O!s0O3)statement3;

else .. }"T7GDGO!|"DT`@y"+#%&.

5 St t t YZ if


46/51

5. Statement : YZ8if 9$*9$U_! ;


47/51

5. Statement : YZ8if 9$*9$U_! ;


48/51

5. Statement : YZ8switch! switch

! *:$O


49/51

5. Statement : YZ8switch! ; "3]K98*s@$switch.html

i = 2;switch(i){

case 1:document.write('One');break;

case 2:document.write('Two');break;

case 3:

document.write('Three');break;

default:document.writeln("I don't know");break;

}

;


50/51

5. )OO#*! B8*s@$TM'6%',z/g9tKV


51/51

5. )OO#*(}")

! 6G]8K8;

Documents

02 JavaScript