2 Javascript PDF

1 Content BAYON HOSTING
ចាប់ផ្តើម
Javascript &
DOM Scripting
ិ សាស្រសត
អ្នកនឹងសិកាពីមេម ៀនតំបូង វធ ី ថ្ីៗ
ម
ិ សាស្រសត
និងវធ ី ម្រើជាញឹកញាប់កុងកា
ន បមងកតមវបសាយ
ើ
ផ ៀបផ ៀងផោយៈ កុយ ទិត្យតារា

សំរាប់បផ្ងៀនផៅ មជ្ឈមណ្ឌល ITEC និងចែកចាយតាម Bayon Hosting
Content
Content ................................................................................................................................................... 1
Module 1: Introduction to JavaScript ..................................................................................................... 6
What is JavaScript? ............................................................................................................................. 6
Function of JavaScript ......................................................................................................................... 6
JavaScript History ................................................................................................................................ 6
JavaScript Creation.............................................................................................................................. 6
Internal JavaScript ........................................................................................................................... 7
External JavaScript .......................................................................................................................... 7
<noscript/> tag .................................................................................................................................... 7
Module 2: JavaScript Basics .................................................................................................................... 8
Generalization of JavaScript................................................................................................................ 8
Comments ........................................................................................................................................... 8
Single Line Comments ..................................................................................................................... 8
Multiline Commnets ....................................................................................................................... 8
Using Variables.................................................................................................................................... 8
Data Type ............................................................................................................................................ 9
Data Type Conversion ....................................................................................................................... 10
Number Conversion ...................................................................................................................... 10
String Conversion .......................................................................................................................... 10
Boolean Conversion ...................................................................................................................... 11
Operator............................................................................................................................................ 11
Arithmetic Operator...................................................................................................................... 11
Comparative Operator .................................................................................................................. 12
Logical Operator............................................................................................................................ 13
Control Flow Statements .................................................................................................................. 14
If Statements ................................................................................................................................. 14
Switch Statements ........................................................................................................................ 14
Iterative or Loop Statements ............................................................................................................ 15
While Statement ........................................................................................................................... 15
Do While Statement ...................................................................................................................... 15
For Statement ............................................................................................................................... 16
Break, Continue and Label Implementation ..................................................................................... 16

Break and Continue....................................................................................................................... 16
Label .............................................................................................................................................. 17
Functions ........................................................................................................................................... 17
Using Arguments ........................................................................................................................... 17
Using return .................................................................................................................................. 18
Module 3: Array and String ................................................................................................................... 19
Array.................................................................................................................................................. 19
Creating an Array .......................................................................................................................... 19
Input and Output from an array ................................................................................................... 19
String ................................................................................................................................................. 21
Property in String .......................................................................................................................... 21
Methods in String.......................................................................................................................... 21
Module 4: Date and Math..................................................................................................................... 23
Date Object ....................................................................................................................................... 23
Creating a Date Object .................................................................................................................. 23
Methods in date object ................................................................................................................. 23
Static Method................................................................................................................................ 25
Math Object ...................................................................................................................................... 26
Math Properties ............................................................................................................................ 26
Math Methods .............................................................................................................................. 26
Module 5: Browser Object Model ........................................................................................................ 28
window object .................................................................................................................................. 28
Methods in window object ........................................................................................................... 29
history object .................................................................................................................................... 30
screen object ..................................................................................................................................... 31
location object .................................................................................................................................. 31
navigator object ................................................................................................................................ 32
document object ............................................................................................................................... 33
Module 6: Document Object Model ..................................................................................................... 34
Properties and Methods in DOM ...................................................................................................... 34
Accessing Element Object ................................................................................................................. 35
By Hierarchy .................................................................................................................................. 36
Access Element By Element’s Id.................................................................................................... 37
Access Element By Element’s Name ............................................................................................. 38

Access Element By Element’s TagName ....................................................................................... 39
Using document.all ....................................................................................................................... 40
Creating andm Manipulate nodes .................................................................................................... 40
Creating node ................................................................................................................................ 40
Using removeChild(), replaceChild(), insertBefore() ..................................................................... 41
Using createDocumentFragement() ............................................................................................. 42
Module 7: Error Handling ..................................................................................................................... 44
Kind of Error ...................................................................................................................................... 44
Handling Errors ................................................................................................................................. 44
onerror event handler................................................................................................................... 44
try...catch statement..................................................................................................................... 45
Module 8: Form Validation ................................................................................................................... 47
Form Basics ....................................................................................................................................... 47
Referencing to Form ..................................................................................................................... 47
Referencing to Form Field ............................................................................................................. 47
Form Vaidation ................................................................................................................................. 48
Submitting Forms .......................................................................................................................... 48
Submitting Once............................................................................................................................ 48
Select Element .................................................................................................................................. 48
List Boxes and Combo Boxes......................................................................................................... 48
Accessing Options Collection ........................................................................................................ 49
Getting Text from Option.............................................................................................................. 49
Accessing Selected Option ............................................................................................................ 49
Accessing Multiple Selected Option ............................................................................................. 49
Module 10: Events ................................................................................................................................ 50
Event Handlers/Listeners .................................................................................................................. 50
attachEvent(), detachEvent() ............................................................................................................ 50
addEventListener(), removeEventListener() ..................................................................................... 51
Module 11: File System Object ............................................................................................................. 52
Working with Text File ...................................................................................................................... 52
Create Text file .............................................................................................................................. 52
Write Data Into Text File ............................................................................................................... 52
Open Text File and Read Out ........................................................................................................ 52
Appending Text File ...................................................................................................................... 53

Excercises .............................................................................................................................................. 54
Exercise I ....................................................................................................................................... 54
Exercise 2 ...................................................................................................................................... 55
Exercise 3 ...................................................................................................................................... 56
Exercise 4 ..................................................................................................................................... 56
Exercise 5 ...................................................................................................................................... 56
Exercise 6 ...................................................................................................................................... 56
Exercise 7 ...................................................................................................................................... 57
Exercise 8 ...................................................................................................................................... 58
Exercise 10 .................................................................................................................................... 59
Exercise 11 .................................................................................................................................... 59
Appendix A: Key Words and Reserved Word........................................................................................ 61
Keywords........................................................................................................................................... 61
Reserved Words ................................................................................................................................ 61
Appendix B: ASCII Code......................................................................................................................... 62
ASCII CODE ........................................................................................................................................ 62
Special ASCII Code ............................................................................................................................. 63
Appendix C: JavaScript Version ............................................................................................................. 64
JavaScript Versions............................................................................................................................ 64
Reference .............................................................................................................................................. 65
6 Module 1: Introduction to JavaScript BAYON HOSTING
Module 1: Introduction to JavaScript

What is JavaScript?
JavaScript client-side scripting language Web Development
HTML, CSS web page (Dynamic)។
Function of JavaScript
JavaScript ៖
 message box, input box, confirm box

 validate Form Field blank field
 status bar


 drop down menu
JavaScript History
Netscape user
។ validate form Server

Network 28.8 kbps
។
client script live script

។ Netscape Sun Microsystem
live script JavaScript ។ JavaScript 1.0
Netscape Navigation 2.0 ១៩៩៥។
JavaScript 1.1 Netscape Navigation 3.0។ Microsoft

Internet Browser Internet Explorer 3.0។
Microsoft client script JScript 1.0។
JavaScript Creation
javascript HTML Text editor
Notepad, Dreamweaver, Frontpage…។
7 Module 1: Introduction to JavaScript BAYON HOSTING
Internal JavaScript
JavaScript file file HTML
<script/> tag javascript ។
Syntax
<script type=”text/javascript”>
statements;
</script>
External JavaScript
javascript file file HTML។ link javascript
html file <script/> tag src attribute file
javascript។ file javascript save extension .js ឧ. global.js។
Syntax
<script src=”path”></script>
<noscript/> tag
tag HTML User Browser
support disable javascript។
<noscript>
Your Browser Not Support JavaScript or JavaScript was
disabled.
</noscript>
8 Module 2: JavaScript Basics BAYON HOSTING
Module 2: JavaScript Basics
Generalization of JavaScript
JavaScript
 case-sensitive variable ។ឧ variable

student variable Student។
 variable variable ។
 statement semi-colon(;)
 {} code block if statement, for statement,
function…។
Comments
javascript programmer។
comments browser ។
Comments ៖
Single Line Comments

Comment
Syntax
// comments
Multiline Commnets
Comment
Syntax
/* Comments
Comments
Comments
Comments */
Using Variables
Variable reference
Object ។
Declaration
variable var statement។
។
syntax
var variableName;
var variableName=value;
statement commas(,)
variable ។
var variable1,variable2,variable3;
var variable1=value1,variable2=value2;
Input into Variable

variable assignement (=)
variable ។
syntax
variable1=value1;
Output from Variable

variable variable ។
ឧ ៖
var sText = “Hello”;

alert(sText);
Naming Convention
 variable , underscore(_), Dollar Sign($)។
 , underscore(_), dollar sign($),
 variable keyword reserved word JavaScript
Data Type
។
variable keyword typeof syntax
៖
string typeof (variableName)
JavaScript ៖
Undefined
variable
។
Boolean
true false
។
String
។
Number
Data Type Conversion

។
method ៖
Number Conversion
៖
Table: Number Coversion

Value parseInt() parseFloat() Number() eval()
false NaN NaN 0 false
true NaN NaN 1 true
undefined NaN NaN NaN undefined
“2.3” 2 2.3 2.3 2.3
“34” 34 34 34 34
“3+5” 3 3 NaN 8
String Conversion
៖
Table: String Coversion

Value String() .toString() .toString(2) .toString(8) .toString(16)
false false false false false false

true true true true true true
undefined undefined error
10 10 10 1010 12 a
14 14 14 1110 16 e
Boolean Conversion
Boolean។
Table: Boolean Conversion

Value Boolean()
“” false
“Letter” true
undefined false
0 false
14 true
oObject true
Operator
symbol ។
Arithmetic Operator
។
ឧ variables ៖
var iNum1 = 9;
var iNum2 = 2;
var vResult;
Table: Arithmetic Operator

Operator Meaning Example alert(vResult)
+ iNum1 + iNum2 11
- iNum1 - iNum2 7
* iNum1 * iNum2 18
/ iNum1 / iNum2 4.5
% iNum1 % iNum2 1
++ vResult=5; 5
vResult++;
vResult=5; 6
++vResult;
-- vResult=5 5
vResult--;
vResult=5; 4
--vResult;
+= vResult=5; 9
vResult+=4;
-= vResult=5; 1
vResult-=4;
Comparative Operator
operator ។
boolean
ឧ variables ៖
var iNum1 = 9;
var iNum2 = 2;
var vResult;
Table: Comparative Operator

Operator Meaning expression alert(expression)
== (equal) iNum1 == iNum2 false
!= iNum1 != iNum2 true
< iNum1 < iNum2 false
<= iNum1 <= iNum2 false
> iNum1 > iNum2 true
>= iNum1 >= iNum1 true
Logical Operator
true false ។
(&&) operand (||)
operand ។ oprand operand true
false។
ឧ variables ៖
var iNum1 = 9;
var iNum2 = 2;
var vResult;
Table: Logical Operator

Operator Meaning expression alert(expression)
(iNum1 > iNum2) &&
&& true
(iNum1 != iNum2)
(iNum1 < iNum2) ||
|| false
(iNum1 = iNum2)
! !(iNum1<iNum2) true
Control Flow Statements
If Statements
statement
statements ។
Syntax
if(expression){
}
Syntax
if(expression){
statements;
}else if(expression){
statements;
}else if(expression){
statements;
}else{
statements;
}
Switch Statements
វាវាយតំ លលលលើ expression មួ យ ល ើយលោតលៅកាន់ statement ដែលបាន label ជាមួ យ
case clause ដែលត្តូវគ្នានឹងតំ លលរបស់ expression ល ោះ។ លបើ គ្នាន case ណាមួ យត្តូវគ្នាលេ ល ោះ
switch statement នឹ ងលោតលៅកាន់ statement ដែល label លោយ default។
Syntax:
switch(expression){
case value1: statement1;
break;
case value2: statement2;
break;
...
case valueN: statementn;
break;
default: default_statement
expression: ជា variable expression ដែលត្តូវពិ ភាក្សា

value: ជាតំ លលលេរដែលត្តូវលផទៀងផ្ទទត់ នឹ ង expression
break: ប្រើ សំរារ់រិទការ execute ររស់ statement
Iterative or Loop Statements
While Statement
ជា pre-test loop ដែលមានន័ យថាវាល្វើការពិ និតយលលើលក្សខខ័ណ្ឌមុននឹង execute code.
វាល្វើការ execute statements មតងល ើយមតងលេៀត កាលណា expression មានតំ លល true.
syntax:
while(expression){
statements;
ឧទា រណ្៍៖
var i=0;
while(i<10){
document.write(“ Number ” + i + “<br/>”)
i++;
Do While Statement
ជា post-loop ដែលមានន័យថាវាប្វើការ excecute code មុន ប ើយពិ និត្យលក្ខខ័ណ្ឌជា

ប្កាយមានន័ យថា statements ត្តូវបាន execute យ៉ា ងលោចណាស់ក្ស៏បានមតងដែរ។
syntax:
do{
statements;
} while(expression);
ឧទា រណ្៍ ១៖
var i=0;
do{
document.write(“ Number ” + i + “<br/>”);
i++;
For Statement
while initialization, condition,

increment statement។
Syntax:
for(initialization,condition,increment_statement){
statements;
}
ឧ ៖
for(i=1;i<=31;i++){
document.write(“Number : ”+ i);
}
Break, Continue and Label Implementation
Break and Continue

Break
statement loop។
ឧ ៖
for(i=0;i<10;i++){
if(i==5)break;
document.write(“Number : “+ “<br/>”);
}
Continue
statement loop ។
ឧ ៖
for(i=0;i<10;i++){
if(i==5)continue;
document.write(“Number : “+ “<br/>”);
}
Label
loop ។ loop
break continue loop ។
Syntax
label_Name:
loop
Functions
ជារណ្ំុ្ នន statements ដែលបយើងអាចបៅវាមក្ប្រើបាន្ររ់ បពលទំងអស់។ function ្ត្ូវបាន

្រកាសជាមួ យនឹ ង keyword function, ជាមួ យនឹរណ្ំុ្ នន arguments និ ង ក្ូែ ដែល្ត្ូវែំ បនើរ
ការក្នុង {}
Syntax:
function functionName(){
statements
ឧទា រណ្៏៖
function showMessage(){
alert(“Hello world”);
Using Arguments
arguments function functions function

dynamic។ argument varaibles
arguments។
Syntax
function functionName(arg0,arg1,.....,argN){
statements;
function showMessage(sMessage){
alert(sMessage);
showMessage(“Welcome to my Site !”);
Using return
return function ។
Syntax
function functionName(arg0,arg1,.....,argN){
statements;
return value;
function sum(fOperand1,fOperand2){
return (fOperand1+fOperand2);
showMessage(“Welcome to my Site !”);

19 Module 3: Array and String BAYON HOSTING
Module 3: Array and String

Array
Array
។ Array loop
array index ។ index array
០ ។
Creating an Array
array ៖
Empty Array
array ។ new Array() [ ]។
Example
var arrStudent = new Array();
var arrColor = [];
Specified number of items in Array

array new
Array(n)។
Example
var arrStudent = new Array(39);//there are 39 items in array
Specified items in Array

array ។
(,) ៖
var arrColor = new Array(“Blue”,”Black”,”Red”,”Yellow”);

var arrFruit = [“Apple”,”Book”,”Car”,”Door”,”Eye”];
Input and Output from an array
array object index

array object ។ Index ០ ១
array index ០ ។
ឧ ៖
var oStudent=new Array(“Dara”,”Kagha”,”Yarern”);

alert(oStudent[0]); // Dara
oStudent[0]=”Thea”;
alert(oStudent[0]);// Thea
៖
Array 4294967295។
Array Property length

array object។
ឧ ៖
var arrStudent = new Array(15);
alert(oArray.length);// Output: 15
oInfo=[2,”Thera”,”Male”];
alert(oArray.length); //output: 3
Table: Array Methods

Methods ការពិពណ្៌
array concat( value, ...) array
array concat( array, ...)
value array។
string join( separator) String array
separator string។
variant pop( ) array
number push( value, ...) value array

។
void reverse( ) array។
variant shift( ) array
array slice( start, end) array start

end-1.
void sort() array ASCII
Code
array splice( start, deleteCount array
deleteCount, value,...)
start values start ។
array ។
string toLocaleString( ) String
String ។
string toString( ) String

(,)។
variant unshift( value, ...) value array
។
String
String ។ method
String search, replace, ascii code,
case។
Property in String
String array property length
string ។
var sText = “Hello”;

alert(sText);//Ouput 5
Methods in String
String methods ៖
Table: String Methods

string charAt( n) លបាោះ អក្សសរ ក្សាុងេី តំង n
number charCodeAt( n) លបាោះនូ វ ASCII Code របស់អក្សសរ ក្សាុងេី តំង n
string concat( value, ...) លបាោះនូ វតំ លលលន ការបនត នូវ String លែើម នឹ ង value
លបាោះនូ វេី តំងតំបូងលន substring ក្សាុង String លែើ ម

number indexOf( substring[,
start ជាចំ នុចចាប់ លផតើមដសវងរក្ស(0 Default)។លបាោះនូ វតំ លល
start])
-1 កាលណាមិ នមាន។
លបាោះនូ វេី តំងលត្កាយបងអស់លន substring ក្សាុង String
number lastIndexOf( substring[, លែើម។ start ជាចំ នុចចាប់ លផតើមដសវងរក្ស (length is

start]) Default)។លបាោះនូ វតំ លល -1 កាលណាមិនមាន។
លបាោះនូ វ String string start
string slice( start[, end]) end( )។ (-) ។
end ។
លបាោះនូ វ Array
array split( delimiter[, limit])
delimiter។
លបាោះនូ វ String string from
string substring( from, to) to( )។ (-) ។ to
លបាោះនូ វ String string start
substr( start, length) length។ length
លបាោះនូ វ String string

toLowerCase( )
lowercase។
លបាោះនូ វ String string

toUpperCase( )
uppercase។
23 Module 4: Date and Math BAYON HOSTING
Module 4: Date and Math

Date Object
,
។
Creating a Date Object
var oNow = new Date( );
timestamp
var oDate = new Date(timestamp);
៖ Timestamp ១៩៧០ ១ ០
។
datestring
new Date(datestring);
៖ javaScript ៖
Thu Sep 11 2008

Thu, 11 Sep 2008 10:24:39 UTC
Thursday, September 11, 2008
Thursday, September 11, 2008 5:24:39 PM
5:24:39 PM
Thu Sep 11 17:24:39 UTC+0700 2008
17:24:39 UTC+0700
Thu, 11 Sep 2008 10:24:39 UTC
argument
new Date(year, month, day, hours, minutes, seconds, ms);
៖ Range argument ៖
Year : 4-digit
Month : 0-11
Day : 1-31
Hours : 0-23
Minutes : 0-59
Seconds : 0-59
Ms : 0-999
Methods in date object
៖ UTC = Universal Time Coordinate

GMT= Greenwich Mean Time
methods [UTC]
។ ។
Table: Date Methods

Methods ការពិ ពណ្៌
number get[UTC]Date( ) ១ ៣១
number get[UTC]Day( ) ០ ៦
number get[UTC]FullYear( ) ៤
number get[UTC]Hours( ) ០ ២៣
number get[UTC]Milliseconds( ) ០ ៩៩៩
number get[UTC]Minutes( ) ០ ៥៩
number get[UTC]Month( ) ០( ) ១១( )
number get[UTC]Seconds( ) ០ ៥៩
១៩៧០ ១ ០
number getTime( )
(UTC)
Date Object។
number getTimezoneOffset( )
Greenwich ។
getFullYear()
number getYear( ) ១៩០០ ១៩៩៩ ២
។
Date Object
number set[UTC]Date( day_of_month)
timestamp Date ។
number set[UTC]FullYear( year, [month, Date Object

number day]) timestamp Date ។
number set[UTC]Hours( hours[, mins, Date Object

number secs, ms]) timestamp Date ។
Date Object
number set[UTC]Milliseconds( millis)
timestamp Date ។
number set[UTC]Minutes( minutes, Date Object

number [seconds, millis]) timestamp Date ។
Date Object
number set[UTC]Month( month, [day])
timestamp Date ។
number set[UTC]Seconds( seconds, Date Object

number [millis]) timestamp Date ។
timestamp Date Object
number setTime( milliseconds)
timestamp Date ។
setFullYear()
number setYear( year)
២ ១៩០០-១៩៩៩
Date object ៖
string toDateString( )
Thu Sep 11 2008
Date object ៖
string toGMTString( )
Thu, 11 Sep 2008 10:24:39 UTC
Date object ៖
string toLocaleDateString( )
Thursday, September 11, 2008
Date object ៖ Thursday,
string toLocaleString( )
September 11, 2008 5:24:39 PM
Date object ៖
string toLocaleTimeString( )
5:24:39 PM
Date object ៖
string toString( )
Thu Sep 11 17:24:39 UTC+0700 2008
Date object ៖
string toTimeString( )
17:24:39 UTC+0700
Date object ៖
string toUTCString( )
Thu, 11 Sep 2008 10:24:39 UTC
number valueOf( ) getTime()
Static Method
Date methods
instance date class ។
Table: Static Methods

Methods ការពិ ពណ្៌
number Date.parse( datestring) t t in timestamp
number Date.UTC( yr, mon, day, hr, min, timestamp arguments
sec, ms)
Math Object
ជា Object ដែលមាននូ វ methods និង properties សំខាន់ ៗជាលត្ចើនសំរាប់ លត្បើ ក្សុងការ
ា
គណ្ រ ឹសកាលរ, ត្តីលកាណ្មាត្ត និ ង យក្សតំ លលលេរែូ ចជា e, ។
Math Properties
Table: Math Properties
Property ការពិពណ្៌
Math.E តំ លលលេរ លសាើនឹង 2.718.

Math.LN10 តំ លលលេរ លនលោការ ីតលន១០.
Math.LN2 តំ លលលេរ លនលោការ ីត លន ២.
Math.LOG10E តំ លលលេរ លនលោការ ីតលគ្នល ១០ លន e.
Math.LOG2E តំ លលលេរ លនលោការ ីតលគ្នល ២ លន e.
Math.PI តំ លលលេរ លនតំ លល
Math.SQRT1_2 តំ លលលន
Math.SQRT2 តំ លលលន
Math Methods
Table: Math Methods
Math.abs( x) តំ លលោច់ ខាតលន x

Math.acos( x) លបាោះតំ លល arc cosine លន x
Math.asin( x) លបាោះតំ លល arc sine លន x
Math.atan( x) លបាោះតំ លល arc tangent លន x
Math.atan2( y, x) លបាោះតំ លល arc cosine លន y/x
Math.ceil( x) លបាោះតំ លល្ំ ជាងប ទ ប់លន x
Math.cos( x) លបាោះតំ លល cosine លន x
Math.exp( x) លបាោះតំ លល ex
Math.floor( x) លបាោះតំ លលតូ ចជាងប ទ ប់ លន x
Math.log( x) លបាោះតំ លល log(x)
Math.max( args...) លបាោះតំ លល្ំ ជាងលគក្សាុងចំ ល ម args ទាំងអស់
Math.min( args...) លបាោះតំ លលតូ ចជាងលគក្សាុងចំល ម args ទាំងអស់

Math.pow( x, y) លបាោះតំ លល xy
Math.random( ) លបាោះតំ លលលលខចល ល ោះពី 0.0 ែល់ 1.0
Math.round( x) លបាោះតំ លលដែលបងគត់ពីតំលល x
Math.sin( x) លបាោះតំ លល sine លន x
Math.sqrt( x) លបាោះតំ លល រ ឹសកាលរ លន x
Math.tan( x) លបាោះតំ លល tangent លន x
28 Module 5: Browser Object Model BAYON HOSTING
Module 5: Browser Object Model

Browser Object Model Object Browser window។
Browser Object Model Objects
៖
window object
Object Browser window content

window ។
Browser។
window object properties ៖
Table: Window Object Properties

Property
closed true window false
status bar browser
defaultStatus
status
document document object
frames[ ] frames array object
history history object
length frames window
location location object
window frame។
name
window.open() frame name attribute។
navigator naivagator object
opener window object window
parent window object window frame ។
screen screen object
self window object
status bar browser
status
status
top window obejct window object ។
window window object
Methods in window object

Table: Window Object Methods
Method
void alert( message) Message Box
void blur( ) focus។
method setInterval()
void clearInterval( intervalId)
intervalId.
method setTImeout()
void clearTimeout( timeoutId)
timeoutId.
void close( ) window។
message question
boolean confirm( question) ២ OK Cancel។ OK
true Cancel false។
cursor browser
void focus( )
browser ។
window
void moveBy( dx, dy)
pixel។
void moveTo( x, y) x,y
address url window
name window
open( url, name, features)
features
string ។
void print( ) window print current page។
InputBox message
prompt( message, default) Textbox default ។ string
user ។
void resizeBy( dw, dh) window ។
window
void resizeTo( width, height)
pixel។
scroll browser window x
void scroll( x, y)
y។
scroll browser window
void scrollBy( dx, dy)
dx dy។
scroll browser window x
void scrollTo( x, y)
y។
intervalId Interval ។
execute code interval
setInterval( code, interval)
Interval
clearInterval(InvervalID);
timeoutId timeout ។
execute code timeout
setTimeout( code, delay) ។
timeoutId
clearTimeout(timeoutID);
history object
object history page
។ history methods ៖
Table: History Object Methods

Method
back( ) p history browser។
forward( ) p history
browser។
go( n) p page ។ ១
-១ ។
screen object
object properties
computer display screen resolution color depth ។
Screen object properties ៖
Table: Screen Object Properties

Property
availHeight screen
availWidth screen
colorDepth screen
height screen
width screen
location object
object URL load window
URL ៖
location properties ៖
Table: Location Object Properties

Property
URL #
hash
ឧ.http://www.abc.com/home.html#faq hash faq
host server ឧ (www.abc.com)
hostname host name server (abc.com)
href URL
host http://www.abc.com/images/img1.jpg
pathname
Ŗ/images/img1.jpgŗ
port web
port
http://www.abc.com:8080/index.html 8080
protocol //។
?
search
http://www.abc.com/index.html?page=1,section=2 Ŗ?page=1,section=2ŗ
location methods ៖
Table: Location Object Methods

Methods
reload( force) load page cache force false server
force true។
replace( url) url history page
assign(url) href property url
navigator object
object Web browser. standard

BOM navigator object properties methods browser
browser ។
Table: Navigator Object Properties

property/method Browser
appCodeName string code name browser IE Moz
appName string browser √ √
appMinorVersion string √ √
appVersion string browser OS √
browserLanguage string browser √ √
cookieEnabled boolean cookies √
cpuClass string class CPU √ √
javaEnabled() boolean java √
language string browser √
mimeTypes array mimetypes browser √
onLine boolean browser internet √
oscpu string OS CPU √
platform string computer platform √ √
plugins array plugins browser √ √
preference() method preferences browser √
product string product √
productSub string product √
systemLanguage string OS √
taintEnabled() boolean data-tainting √ √
userAgent string user-agent √ √
userLanguage string OS √
userProfile object user profile √

vendor browser √
vendorSub string √
document object
Document Object object properties methods
Page Link, , ,
cookie ។ access collection form, image
។
Table: Document Object Properties

Property Description
alinkColor link
anchors[ ] array Anchor object
applets[ ] array Applet object
bgColor background
cookie A string-valued property with special behavior that allows the cookies
associated with this document to be queried and set.
embeds[ ] array Embeds object
fgColor
forms[ ] array Form object
images[ ] array image object tag <img/>
lastModified page
linkColor link
links[ ] array link object tag <a/>
location URL file
plugins[ ] array plugins object
title tag <title>
URL URL file
vlinkColor link
Table: Document Object Method

Methods Description
write( value, ...) string document។
writeln( value, ...) string document
new line។
34 Module 6: Document Object Model BAYON HOSTING
Module 6: Document Object Model

Document Object Model object page document
node។ method property
element object node node
form។
Properties and Methods in DOM

Table: Document Object Model
Type
Property/Method Description
Return Type
node
nodeName String
node
node
nodeValue String
node
nodeType Number node type constant
ownerDocument Document document parent node
firstChild Node node childNodes
node
lastChild Node
childNodes
childNodes NodeList child node
previous sibling null
previousSibling Node
sibling
next sibling null
nextSibling Node
sibling
hasChildNodes() Boolean true childNodes node
attr objects properties
attributes NamedNodeMap elements Element nodes
appendChild(node
Node Node childNodes
)
removeChild(node
Node node childNodes
)
replaceChild(new
Node oldnode childNodes newnode
node, oldnode)
insertBefore(new
Node newnode refnode childNodes
node,refnode)
៖
NodeList array no index

child nodes elements ។
NamedNodeMap array nodes index
attributes elements
node type constant ៖
NodeType Node Type Description

1 Element_NODE
2 Attribute_NODE
3 Text_NODE
4 CDATA_SECTION_NODE
5 ENTITY_REFERENCE_NODE
6 ENTITY_NODE
7 PROCESSING_INSTRUCTION_NODE
8 COMMENT_NODE
9 DOCUMENT_NODE
10 DOCUMENT_TYPE_NODE
11 DOCUMENT_FRAGMENT_NODE
12 NOTATION_NODE
Accessing Element Object

element object
documentElement, childNodes, firstChild, lastChild, nextSibling, previousSibling,
ឧ HTML ៖
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"
/>
<title>DOM Lesson</title>
</head>
<body>
My First Content
<div>
Hello
<i>
World
</i>
</div>
My First Paragraph
<p>
Welcome
</p>
</body>
</html>
node DOM ៖
By Hierarchy
ឧ HTML ៖
<html>
<head>
<title> DOM </title>
</head>
<body>
</body>
</html>
Internet Explorer
Firefox tag white space

#text node Firefox ៖
html element object:
var oHTML=document.childNodes[0];
var oHTML=document.documentElement;
var oHTML=document.firstChild;
var oHTML=document.lastChild;
head element ៖
1: var oBody=oHTML.firstChild;
2: var oBody=oHTML.childNodes[0];
3: var oBody=oHTML.childNodes.item(0);
body element ៖
1: var oBody=document.body;
2: var oBody=oHTML.lastChild;
3: var oBody=oHTML.childNodes[0];
4: var oBody=oHTML.childNodes.item(1);
Access Element By Element’s Id
element object id attribute។ id attribute

។ element
។
Syntax:
var oElement=document.getElementById(“elementID”)
ឧ HTML ៖
<html>
<head>
<title> DOM </title>
</head>
<body>
<h1 id=”headerText”>Web Content </h1>
<p id=”content”>Welcome To My Site </p>
</body>
</html>
p element object id element
var oPContent=document.getElementById(“content”);
h1 element object៖
var oH1HeaderText=document.getElementById(“headerText”);
Access Element By Element’s Name
element radio, checkbox

Syntax:
var oElement=document.getElementsByName(“elementName”)
oElement array element ។
Radio Implementation
<form>
<input type="radio" name="radAge" value="14" checked="checked"
/>14<br />
<input type="radio" name="radAge" value="15" />15<br />
<input type="button" onclick="showValue()" value="ShowAge" />
</form>
<script>
function showValue(){
var oAge=document.getElementsByName("radAge");
for(i=0;i<oAge.length;i++){
if(oAge.item(i).checked==true){
alert(oAge.item(i).value);
}
}
}
</script>
Checkbox Implementation
<form>
<input type="checkbox" value="1" name="chkNumber" />1<br />
<input type="button" value="Get Number" onclick="getNumber()"
/>
</form>
<script type="text/javascript">
var aNumber=new Array();
var oChkNumber=document.getElementsByName("chkNumber");
function getNumber(){
for(i=0;i<oChkNumber.length;i++){
if(oChkNumber.item(i).checked==true) {
aNumber.push(oChkNumber.item(i).value);
}
}
alert(aNumber);
}
</script>
Access Element By Element’s TagName
method array element tag name ៖
Syntax
array oElementObject.getElementByTagName(“tagName”);
ឧ ៖
element object tag p tag
Id content array aPContents
...
<div id="content">
<h2> First Article </h2>
<p>First Text</p>
<h2> Second Article </h2>
<p>Third Text</p>
<h2> Third Article </h2>
<p>Third Text</p>
</div>
...
var oContent = document.getElementById("content");
var aPContents=oContent.getElementsByTagName("p");
array element object tag

p array
alert(aPContents.length);// display 3
element object index ។ឧ

p tag
var oFirstP=aPContents[0];
Using document.all
document.all property array node document object

#text node ។ property support Internet Explorer ។
ឧ HTML HTML
javascript ៖
var oAll=document.all;
for(i=0;i<oAll.length;i++){
document.writeln(oAll.item(i).nodeName);
}
៖
#comment
HTML
HEAD
TITLE
META
BODY
DIV
I
P
PRE
SCRIPT
Creating andm Manipulate nodes

Creating node
node
Syntax
ឧ ៖
ឧ HTML ៖
<html>
<head>
<title>Create a Complete Node</title>
</head>
<body>
</body>
</html>
<h1>Welcome</h1> body ៖
១ var oH1=document.createElement(“h1”);
២ var oTextNode=document.createTextNode(“Welcome”);
៣ oH1.appendChild(oTextNode);
៤ document.body.appendChild(oH1);
Using removeChild(), replaceChild(), insertBefore()

Syntax
oElementObject.removeChild(oChildElementObject)
oElementObject.replaceChild(oNewChild,oOldChild)
oElementObject.insertBefor(oNewChild,oReferenceChild)
ឧ HTML Code ៖
...
<body>
<ul id=”list”>
<li>Item 0</li>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
</body>
...
variable ១ ul object
២ array li ul ៖
var oList = document.getElementById(“list”);

var oListItems = oList.getElementsByTagName(“li”);
oList reference ul oListItems ul

+ ៖
oList.removeChild(oListItems[2]);
+
var oNewItem=document.createElement(“li”);
var oTextNode=document.createTextNode(“New Item”);
oNewItem.appendChild(oTextNode);
oList.replaceNode(oNewItem,oListItems[2]);
+ reference element
var oNewItem=document.createElement(“li”);
var oTextNode=document.createTextNode(“New Item”);
oNewItem.appendChild(oTextNode);
oList.insertBefore(oNewItem,oListItems[2]);
Using createDocumentFragement()
Node
node ។ node
refresh screen ។
documentFragement refresh ។
Syntax:
var oFragement= document.createDocumentFragement();
ឧ ៖
var oFragment=document.createDocumentFragment();
for(i=0;i<15;i++){
var oNewNode=document.createElement("h1");
var oTextNode=document.createTextNode("Head " + i);
oNewNode.appendChild(oTextNode);
oFragment.appendChild(oNewNode);
}
document.body.appendChild(oFragment);
44 Module 7: Error Handling BAYON HOSTING
Module 7: Error Handling

Kind of Error
error ៖ syntax errors runtime errors។
Syntax errors interpret។

unexpected character code compile interpret ។
example : alert(“Welcome”;
script function
។ script function external javascript
។
Runtime errors exception

compile Interpret។ method
function , reference object , Property
object ។
example : window.showMyName();
javascript function
។
Handling Errors
។ JavaScript
៖ onerror event BOM
window object។ try...catch statement
runtime error exception។
onerror event handler

event error event window object
page។
ឧ ៖
<head>
window.onerror=function(){
alert("got error");
return true;
}
incorrect;
</script>
<body onload=”incosistentMethod()”>
</body>
return true browser error។

argument ៣
៖
 Error message browser
 URL file
 Line number
ឧ ៖
<head>
window.onerror=function(sMessage, sUrl, sLine){
alert("An error occured:\n” + sMessage + “\nURL: ” +
sUrl + “\nLine: “ + sLine);
return true;
}
incorrect;
</script>
<body onload=”incosistentMethod()”>
</body>
try...catch statement
statement runtime
Syntax:
try{
statements;
} catch(exception){
statements_when_error_occur;
} [finally]{
statements_always_run.
}
try..caught statement
try ។
catch
catch។
finally
try ។
exception variable error object
។
Error Object property ៖
- name string
- message string
ឧ ៖
try{
}catch(oException){
}
47 Module 8: Form Validation BAYON HOSTING
Module 8: Form Validation

server form
element។ web form <form/>, <input/>,
<textarea/>, <select/>។ Browser element textbox, combo
box, listbox។
Form Basics
form elements ៖
1. <input/> control object type attribute

text, radio, checkbox, file, password, button, submit,
reset, hidden, image។
2. <select/> combo box list box។
3. <textarea/> textbox cols, rows
tt i ut ។
Referencing to Form
reference form ៖
១ document.getElementById()
var oForm = document.getElementById(“frmRegistration”);
២ form collection document

form name attribute៖
var oForm = document.form1;

var oForm = document.forms[0];
var oForm = document.forms[“form1”];
Referencing to Form Field
reference element form ៖
១ document.getElementById()
var oTextName = document.getElementById(“txtName”);
២ element collection form object reference
element name attribute៖
var oTextName = oForm.elements[0];

var oTextName = oForm.elements[“txtName”];
៣ element name tt i ut property form

object៖
var oTextName = oForm.txtName
៖
var oTextName = oForm[“txtName”];
Form Vaidation
Submitting Forms
submit form <html> button ៖
<input type=”submit” value=”Submit” />
Submit
<form method=”post” action=”javascript:alert(„Submitted‟)”>
method submit() form object submit
oForm.submit();
Submitting Once
form submit
៖
<input type=”button” value=”Submit”

onclick=”this.disabled=true; this.form.submit()”/>
Select Element
List Boxes and Combo Boxes
List Box Combo Box <select/> tags

<option/> tag។
Combo Box:
<select name="selAge" id="selAge">

<option value="1">18-21</option>
<option value="5">Over 35</option>
</select>
List Box:
<select name="selAge" id="selAge" size=”3”>

<option value="5">Over 35</option>
</select>
JavaScript ៖
oListBox = document.getElementById(“selAge”);
oListBox = document.forms[“form1”].selAge;
oListBox = document.forms[0].selAge;
Accessing Options Collection

Select Element Object Property options collections
option elements។
var oListBox = document.getElementById(“lstText”);

alert(oListBox.options[1].value);
Getting Text from Option

Option element property text property text។
oListBox.options[1].text;
Accessing Selected Option

property selectedIndex index option
select option select -1។
alert(oListBox.options[oListBox.selectedIndex].text);
Accessing Multiple Selected Option
attribute option Index options

select ។
var arrSelectedIndex = [];

for ( var i=0; i<oListBox.options.length; i++){
if( oListBox.options[i].selected){
arrSelectedIndex.push(oListBox.options[i].value;
}
}
50 Module 10: Events BAYON HOSTING
Module 10: Events
Event Handlers/Listeners
Event user browser ។

Events click, load mouseover។
Function event event handler event

listener។ Function event click onclick event handler។
event handler ២ JavaScript HTML.
ឧ ៖
<div id=”oButton” onclick=”eventHandler()>Click Me!</div>
var oButton=document.getElementById(“oButton”);
oButton.onclick=function(){
alert(“Clicked!”);
}
attachEvent(), detachEvent()
method internet Explorer ។ attachEvent()

event handler event ។ detachEvent() event handler event
។
Syntax:
[Object].attachEvent(“oneventname”, fnHandler)
[Object].detachEvent(“oneventname”, fnHandler)
Example
var oButton=document.getElementById("oButton1");
var fnClicked=function(){
alert("OK!");
oButton.detachEvent(“onclick”,fnClicked);
oButton.attachEvent("onclick",fnClicked);
51 Module 10: Events BAYON HOSTING
event handler event attactEvent() ។
addEventListener(), removeEventListener()
DOM Compliant Browser Opera, Mozilla Firefox, Netscape

Internet Explorer ។ attachEvent() detachEvent() ។
Syntax:
[Object].addEventListener(“eventname”,fnHandler,bCapture)
[Object].removeEventListener(“eventname”,fnHandler,bCapture)
bCapture browser bubble event capture event។ version

bubble event true Listen ។
Example
var oButton=document.getElementById("oButton1");
var fnClicked=function(){
alert("OK!");
oButton.detachEvent(“click”,fnClicked);
oButton.attachEvent("click",fnClicked,false);
*** event onload body Firefox

។ function onload ៖
function onload(){
statements;
}
52 Module 11: File System Object BAYON HOSTING
Module 11: File System Object

ActiveX Object File System។
Folder, Text File, Copy Folder, Delete Folder, Delete File
File, Folder, Drive ។
Working with Text File
File System Object variable

instance ។
Syntax:
var oFSO = new ActiveXObject(“Scripting.FileSystemObject”);
Create Text file
Text File method fso createTextFile()។

variable file object
method ។
file object method ។
Syntax ៖
file object method
var oTextFile = oFSO.createTextFile(“Path”,true,true);
Write Data Into Text File
method File Object write() writeLine()
oTextFile.write(“Hello My First File.”);

oTextFile.close();
Open Text File and Read Out
method openTextFile() mode ១

(read only) readLine() readAll()
។ string។
53 Module 11: File System Object BAYON HOSTING
var oFSO = new ActiveXObject(“Scripting.FileSystemObject”);

var oFile = oFSO.openTextFile(“Path”,1);
alert(oFile.readAll);
Appending Text File
method openTextFile() mode 8

write writeline ។
54 Excercises BAYON HOSTING
Excercises
Exercise I
១ External JavaScript
២ variable
៣ InputBox, HTML
document.write()
InputBox ១(Operand1)
OK InputBox ២(Operand2)
OK
៖
- External JavaScript link HTML Page

- HTML Code document.write() method
- Variable ៣
- eval() method String Number ។

- HTML Code document.write()
។
Exercise 2
 InputBox 3 Math, Physic, Khmer
 Number

 ៖
0  50 : Fail.
50  100 : Passed.
 ៖
90  100 :A
80  90 :B
70  80 :C
60  70 :D
50  60 :E
0  50 :F
 ៖
Your Result
______________
Math : 60.5
Physic : 80.3
Khmer : 30.8
Average : 57.2
Result : Passed
Grade : E
Exercise 3
 InputBox 3 Operand1, Operand2, Operator
 Operand1, Operand2 Number Operator String
 Operator +,-,*,/,%
 Operand1 Operand2 Operator
 ៖
Calculation
________________
Operand1: 6
Operand2: 8
Operator: *
Result: 6 * 8 = 48
Operator ៖
Calculation
________________
Operand1: 6
Operand2: 8
Operator: efd
Result: 6 efd 8 = Invalid Operator
Exercise 4
Combo Box 1-31 ២ 1-12
៣ 1960-2009
Exercise 5
user
inputbox user
។
do while
Exercise 6
 Input Box rows columns
 rows columns Table ។
 Cell
Exercise 7
 Input Box lines ។
 rows HTML ៖
ឧ line = 5
1.@ 2.@@@@@ 3.@ 4. @
@@ @@@@ @@ @@@
@@@ @@@ @@@ @@@@@
@@@@ @@ @@ @@@
@@@@@ @ @ @
ឧ line=10
Exercise 8
 TextBox ២
 TextBox ១ user
 TextBox ២ password
 ២
 button ១ Log in
 button ២ Clear
 user Button log in Textbox
message “Pl compl t ll info m tion to lo in”។
 username “ mini t to ” password
“ min123” message “username and password not correct, Please
ty in!”។
 message “W lcom to A mini t to ”
 user button clear textbox ។
Exercise 10
 function ៥ +,-,*,/,=
 textbox ៣ operand1, operand2, result
 function
 function ១ +,-,*,/ argument
operator
 function ២ = Result
Exercise 11
 Interface fieldset, legend, table, textarea,
input button, input text CSS។
 array Student List
(text area witdth=130px height=150px)។
 Add First List
 Add Last List
 Remove First List
 Remove Last List
 Clear
 Asscending
 Descending
 Backup array array ។
 Restore array Backup array

61 Appendix A: Key Words and Reserved Word BAYON HOSTING
Appendix A: Key Words and Reserved

Word
Keywords
break else new var

case finally return void
catch for switch while
continue function this with
default if throw
delete in try
do instanceof typeof
Reserved Words
abstract enum int short

boolean export interface static
byte extends long super
char final native synchronized
class float package throws
const goto private transient
debugger implements protected volatile
double import public
62 Appendix B: ASCII Code BAYON HOSTING
Appendix B: ASCII Code

ASCII CODE
0 30 - 60 < 90 Z 120 x 150 Ŕ 180 ´ 210 Ò 240 ð
1 31 61 = 91 [ 121 y 151 ŕ 181 µ 211 Ó 241 ñ
2 32 62 > 92 \ 122 z 152 ˜ 182 ¶ 212 Ô 242 ò
3 33 ! 63 ? 93 ] 123 { 153 ™ 183 · 213 Õ 243 ó
4 34 " 64 @ 94 ^ 124 | 154 š 184 ¸ 214 Ö 244 ô
5 35 # 65 A 95 _ 125 } 155 › 185 ¹ 215 × 245 õ
6 36 $ 66 B 96 ` 126 ~ 156 œ 186 º 216 Ø 246 ö
7 37 % 67 C 97 a 127 • 157 • 187 » 217 Ù 247 ÷
8 38 & 68 D 98 b 128 € 158 ž 188 ¼ 218 Ú 248 ø
9 39 ' 69 E 99 c 129 • 159 Ÿ 189 ½ 219 Û 249 ù
10 40 ( 70 F 100 d 130 ‚ 160 190 ¾ 220 Ü 250 ú
11 41 ) 71 G 101 e 131 ƒ 161 ¡ 191 ¿ 221 Ý 251 û
12 42 * 72 H 102 f 132 „ 162 ¢ 192 À 222 Þ 252 ü
13 43 + 73 I 103 g 133 … 163 £ 193 Á 223 ß 253 ý
14 44 , 74 J 104 h 134 † 164 ¤ 194 Â 224 à 254 þ
15 45 - 75 K 105 i 135 ‡ 165 ¥ 195 Ã 225 á 255 ÿ
16 46 . 76 L 106 j 136 ˆ 166 ¦ 196 Ä 226 â
17 47 / 77 M 107 k 137 ‰ 167 § 197 Å 227 ã
18 48 0 78 N 108 l 138 Š 168 ¨ 198 Æ 228 ä
19 49 1 79 O 109 m 139 ‹ 169 © 199 Ç 229 å
20 50 2 80 P 110 n 140 Œ 170 ª 200 È 230 æ
21 51 3 81 Q 111 o 141 • 171 « 201 É 231 ç
22 52 4 82 R 112 p 142 Ž 172 ¬ 202 Ê 232 è
23 53 5 83 S 113 q 143 • 173 203 Ë 233 é
24 54 6 84 T 114 r 144 • 174 ® 204 Ì 234 ê
25 55 7 85 U 115 s 145 Ř 175 ¯ 205 Í 235 ë
26 56 8 86 V 116 t 146 ř 176 ° 206 Î 236 ì
27 57 9 87 W 117 u 147 Ŗ 177 ± 207 Ï 237 í
28 58 : 88 X 118 v 148 ŗ 178 ² 208 Ð 238 î
29 59 ; 89 Y 119 w 149 • 179 ³ 209 Ñ 239 ï
19 49 1 79 O 109 m 139 ‹ 169 © 199 Ç 229 å
20 50 2 80 P 110 n 140 Œ 170 ª 200 È 230 æ
21 51 3 81 Q 111 o 141 • 171 « 201 É 231 ç
22 52 4 82 R 112 p 142 Ž 172 ¬ 202 Ê 232 è
23 53 5 83 S 113 q 143 • 173 203 Ë 233 é
24 54 6 84 T 114 r 144 • 174 ® 204 Ì 234 ê
25 55 7 85 U 115 s 145 Ř 175 ¯ 205 Í 235 ë
26 56 8 86 V 116 t 146 ř 176 ° 206 Î 236 ì
27 57 9 87 W 117 u 147 Ŗ 177 ± 207 Ï 237 í
28 58 : 88 X 118 v 148 ŗ 178 ² 208 Ð 238 î
29 59 ; 89 Y 119 w 149 • 179 ³ 209 Ñ 239 ï
63 Appendix B: ASCII Code BAYON HOSTING
Special ASCII Code
8 : Backspace 9 : Tab
13 : Enter 16 : shift
17 : ctrl 18 : Alt
19 : Pause Break 20 : Caps Lock
32 : Space 33 : PageUp
34 : PageDown 35 : End Key
36 : Home Key 37 : Left Arrow Key
38 : Up Arrow Key 39 : Right Arrow Key
40 : Down Arrow Key 45 : Insert Key
46 : Delete Key 144 : Num Lock

64 Appendix C: JavaScript Version BAYON HOSTING
Appendix C: JavaScript Version

JavaScript Versions
Browser Version JavaScript Version

Netscape 2.x 1.0
Netscape 3.x 1.1
Netscape 4.0 – 4.0.5 1.2
Netscape 4.0.6 – 4.7x 1.3
Netscape 6.x, Mozilla 0.9 1.5
Firefox 1.5 1.6
Firefox 2.0 1.7
Firefox 3.0 1.8
Internet Explorer 3.x JScript 1.0
Internet Explorer 5.5 JScript 5.5
Internet Explorer 7.x JScript 5.6 (5.7 under Vista)
65 Reference BAYON HOSTING
Reference
1. Professional JavaScript for Web Developers (Wrox) By Nicholas C. Zakas
2. JavaScript Pocket Reference 2nd Edition (OřReilly) By David Flanagan
3. JavaScript 2.0: The Complete Reference, 2nd Edition(McGraw-Hill/Osborne) By Thomas

Powell and Schneider

2 Javascript PDF

Uploaded by

2 Javascript PDF

Uploaded by

1 Content BAYON HOSTING

ផ ៀបផ ៀងផោយៈ កុយ ទិត្យតារា

Break, Continue and Label Implementation ..................................................................................... 16

Access Element By Element’s Name ............................................................................................. 38

Appending Text File ...................................................................................................................... 53

Module 1: Introduction to JavaScript

 message box, input box, confirm box

។ validate form Server

client script live script

JavaScript 1.1 Netscape Navigation 3.0។ Microsoft

Module 2: JavaScript Basics

 case-sensitive variable ។ឧ variable

Single Line Comments

Input into Variable

Output from Variable

var sText = “Hello”;

string typeof (variableName)

Data Type Conversion

Table: Number Coversion

false NaN NaN 0 false

true NaN NaN 1 true

undefined NaN NaN NaN undefined

“2.3” 2 2.3 2.3 2.3

Table: String Coversion

false false false false false false

true true true true true true

undefined undefined error

Table: Boolean Conversion

Table: Arithmetic Operator

/ iNum1 / iNum2 4.5

Table: Comparative Operator

!= iNum1 != iNum2 true

< iNum1 < iNum2 false

<= iNum1 <= iNum2 false

> iNum1 > iNum2 true

>= iNum1 >= iNum1 true

Table: Logical Operator

Control Flow Statements

switch statement នឹ ងលោតលៅកាន់ statement ដែល label លោយ default។

case value1: statement1;

case value2: statement2;

case valueN: statementn;

expression: ជា variable expression ដែលត្តូវពិ ភាក្សា

value: ជាតំ លលលេរដែលត្តូវលផទៀងផ្ទទត់ នឹ ង expression

break: ប្រើ សំរារ់រិទការ execute ររស់ statement

Iterative or Loop Statements

ជា pre-test loop ដែលមានន័ យថាវាល្វើការពិ និតយលលើលក្សខខ័ណ្ឌមុននឹង execute code.

វាល្វើការ execute statements មតងល ើយមតងលេៀត កាលណា expression មានតំ លល true.

document.write(“ Number ” + i + “<br/>”)

ជា post-loop ដែលមានន័យថាវាប្វើការ excecute code មុន ប ើយពិ និត្យលក្ខខ័ណ្ឌជា

document.write(“ Number ” + i + “<br/>”);

while initialization, condition,

Break, Continue and Label Implementation

Break and Continue

ជារណ្ំុ្ នន statements ដែលបយើងអាចបៅវាមក្ប្រើបាន្ររ់ បពលទំងអស់។ function ្ត្ូវបាន

arguments function functions function

showMessage(“Welcome to my Site !”);

showMessage(“Welcome to my Site !”);

Module 3: Array and String

Specified number of items in Array

var arrStudent = new Array(39);//there are 39 items in array

Specified items in Array

var arrColor = new Array(“Blue”,”Black”,”Red”,”Yellow”);

Input and Output from an array

array object index

var oStudent=new Array(“Dara”,”Kagha”,”Yarern”);

Array Property length

Table: Array Methods

number push( value, ...) value array

array slice( start, end) array start

string toString( ) String

var sText = “Hello”;

Table: String Methods

string charAt( n) លបាោះ អក្សសរ ក្សាុងេី តំង n

number charCodeAt( n) លបាោះនូ វ ASCII Code របស់អក្សសរ ក្សាុងេី តំង n

លបាោះនូ វេី តំងតំបូងលន substring ក្សាុង String លែើ ម