Javascript Notes by Heera Singh Bellary

JavaScript
=======================================================================
What is JavaScript?
JavaScript started life as LiveScript, but Netscape changed the
name, possibly because of the excitement being generated by Java
To JavaScript. JavaScript made its first appearance in Netscape 2.0 in
1995 with a name LiveScript.
JavaScript is a lightweight, interpreted programming language
with object-oriented capabilities that allows you to build interactivity
into otherwise static HTML pages.
The general-purpose core of the language has been embedded
in Netscape, Internet Explorer, and other web browsers
The ECMA-262 Specification defined a standard version of the
core JavaScript language.
JavaScript is:
1) JavaScript is a lightweight, interpreted programming language
2) Designed for creating network-centric applications
3) Complementary to and integrated with Java
4) Complementary to and integrated with HTML
5) Open and cross-platform
1.1 Client-side JavaScript:

Client-side JavaScript is the most common form of the
language. The script should be included in or referenced by an HTML
document for the code to be interpreted by the browser.
It means that a web page need no longer be static HTML, but
can include programs that interact with the user, control the browser,
and dynamically create HTML content.
The JavaScript client-side mechanism features many
advantages over traditional CGI server-side scripts. For example, you
might use JavaScript to check if the user has entered a valid e-mail
address in a form field.
The JavaScript code is executed when the user submits the
form, and only if all the entries are valid they would be submitted to
the Web Server.
JavaScript can be used to trap user-initiated events such as
button clicks, link navigation, and other actions that the user
explicitly or implicitly initiates.
1.2 Advantages of JavaScript:

The merits of using JavaScript are:
Less server interaction: You can validate user input before
sending the page off to the server. This saves server traffic,
which means less load on your server.
Immediate feedback to the visitors: They don't have to
wait for a page reload to see if they have forgotten to enter
something.
Increased interactivity: You can create interfaces that react
when the user hovers over them with a mouse or activates
them via the keyboard.
Richer interfaces: You can use JavaScript to include such
items as drag-and-drop components and sliders to give a Rich
Interface to your site visitors.
==============================================
=========================
Prepared by HEERA SINGH .T
1
JavaScript
=======================================================================
1.3 Limitations with JavaScript:

We can not treat JavaScript as a full fledged programming
language. It lacks the following important features:
1) Client-side JavaScript does not allow the reading or writing
of files. This has been kept for security reason.
2) JavaScript can not be used for Networking applications
because there is no such support available.
3) JavaScript doesn't have any multithreading or multiprocess
capabilities.
Once again, JavaScript is a lightweight, interpreted
programming language that allows you to build interactivity into
otherwise static HTML pages.
1.4 JavaScript Development Tools:

One of JavaScript's strengths is that expensive development
tools are not usually required. You can start with a simple text editor
such as Notepad.
Since it is an interpreted language inside the context of a web
browser, you don't even need to buy a compiler.
To make our life simpler, various vendors have come up with
very nice JavaScript editing tools. Few of them are listed here:
1.4.1 Microsoft FrontPage:

Microsoft has developed a popular HTML editor called
FrontPage. FrontPage also provides web developers with a number of
JavaScript tools to assist in the creation of an interactive web site.
1.4.2 Macromedia Dreamweaver MX:

Macromedia Dreamweaver MX is a very popular HTML and
JavaScript editor in the professional web development crowd. It
provides several handy prebuilt JavaScript components, integrates
well with databases, and conforms to new standards such as XHTML
and XML.
1.4.3 Macromedia HomeSite 5:

This provided a well-liked HTML and JavaScript editor, which
will manage their personal web site just fine.
1.5 Where JavaScript is today?

The ECMAScript Edition 4 standard will be the first update to be
released in over four years. JavaScript 2.0 conforms to Edition 4 of
the ECMAScript standard, and the difference between the two is
extremely minor.
The specification for JavaScript 2.0 can be found on the
following site: http://www.ecmascript.org/
Today, Netscape's JavaScript and Microsoft's JScript conform to
the ECMAScript standard, although each language still supports
features that are not part of the standard.
==============================================
=========================
2
JavaScript
=======================================================================
1.6 JavaScript Syntax

A JavaScript consists of JavaScript statements that are placed
within the <script>... </script> HTML tags in a web page.
You can place the <script> tag containing your JavaScript
anywhere within you web page but it is preferred way to keep it
within the <head> tags.
The <script> tag alert the browser program to begin
interpreting all the text between these tags as a script. So simple
syntax of your JavaScript will be as follows
<script ...>
JavaScript code
</script>
The script tag takes two important attributes:
1.6.1 language:
This attribute specifies what scripting language you are using.
Typically, its value will be javascript. Although recent versions of
HTML (and XHTML, its successor) have phased out the use of this
attribute.
1.6.2 type:
This attribute is what is now recommended to indicate the
scripting language in use and its value should be set to
"text/javascript".
So your JavaScript segment will look like:
<script language="javascript" type="text/javascript">

JavaScript code
</script>
Your First JavaScript Script:

Let us write our class example to print out "Hello World".
<html>
<body>

</script>
</body>
</html>
We added an optional HTML comment that surrounds our

Javascript code. This is to save our code from a browser that does not
support Javascript. The comment ends with a "//-->". Here "//"
==============================================
=========================
3
JavaScript
=======================================================================
signifies a comment in Javascript, so we add that to prevent a
browser from reading the end of the HTML comment in as a piece of
Javascript code.
Next, we call a function document.write which writes a string
into our HTML document. This function can be used to write text,
HTML, or both. So above code will display following result:
Hello World!
1.7 Whitespace and Line Breaks:

JavaScript ignores spaces, tabs, and newlines that appear in
JavaScript programs.
Because you can use spaces, tabs, and newlines freely in your
program so you are free to format and indent your programs in a
neat and consistent way that makes the code easy to read and
understand.
1.8 Semicolons are Optional:

Simple statements in JavaScript are generally followed by a
semicolon character, just as they are in C, C++, and Java. JavaScript,
however, allows you to omit this semicolon if your statements are
each placed on a separate line. For example, the following code could
be written without semicolons


</script>
But when formatted in a single line as follows, the semicolons are

required:


</script>
Note: It is a good programming practice to use semicolons.
1.9 Case Sensitivity:

JavaScript is a case-sensitive language. This means that
language keywords, variables, function names, and any other
identifiers must always be typed with a consistent capitalization of
letters.
So identifiers Time, TIme and TIME will have different meanings
in JavaScript.
==============================================
=========================
4
JavaScript
=======================================================================
NOTE: Care should be taken while writing your variable and
function names in JavaScript.
1.10 Comments in JavaScript:

JavaScript supports both C-style and C++-style comments,
Thus:
1) Any text between a // and the end of a line is treated as a
comment and is ignored by JavaScript.
2) Any text between the characters /* and */ is treated as a
comment. This may span multiple lines.
3) JavaScript also recognizes the HTML comment opening
sequence  is not recognized by
JavaScript so it should be written as //-->.
Example:

</script>
Enabling JavaScript in Browsers

All the modern browsers come with built-in support for
JavaScript. Many times you may need to enable or disable this
support manually.
This tutorial will make you aware the procedure of enabling
and disabling JavaScript support in your browsers: Internet Explorer,
Firefox and Opera.
2.1 JavaScript in Internet Explorer:

Here are simple steps to turn on or turn off JavaScript in your
Internet Explorer:
1) Follow Tools-> Internet Options from the menu
2) Select Security tab from the dialog box
3) Click the Custom Level button
4) Scroll down till you find Scripting option
5) Select Enable radio button under Active scripting
6) Finally click OK and come out
To disable JavaScript support in your Internet Explorer, you
need to select Disable radio button under Active scripting.
==============================================
=========================
5
JavaScript
=======================================================================
2.2 JavaScript in Firefox:
Here are simple steps to turn on or turn off JavaScript in your
Firefox:
1) Follow Tools-> Optionsfrom the menu
2) Select Content option from the dialog box
3) Select Enable JavaScript checkbox
To disable JavaScript support in your Firefox, you should not
select Enable JavaScript checkbox.
2.3 JavaScript in Opera:

Here are simple steps to turn on or turn off JavaScript in your Opera:
1) Follow Tools-> Preferences from the menu
2) Select Advanced option from the dialog box
3) Select Content from the listed items
4) Select Enable JavaScript checkbox
To disable JavaScript support in your Opera, you should not
select Enable JavaScript checkbox.
2.4 Warning for Non-JavaScript Browsers:

If you have to do something important using JavaScript then
you can display a warning message to the user using <noscript>
tags.
You can add a noscript block immediately after the script block as
follows:
<html>
<body>

</script>
<noscript>
Sorry...JavaScript is needed to go ahead.
</noscript>
</body>
</html>
Now, if user's browser does not support JavaScript or JavaScript

is not enabled then message from </noscript> will be displayed on
the screen.
JavaScript Placement in HTML File

There is a flexibility given to include JavaScript code anywhere
in an HTML document. But there are following most preferred ways to
include JavaScript in your HTML file.
1) Script in <head>...</head> section.
2) Script in <body>...</body> section.
==============================================
=========================
6
JavaScript
=======================================================================
3) Script in <body>...</body> and <head>...</head>
sections.
4) Script in and external file and then include in
<head>...</head> section.
In the following section we will see how we can put JavaScript
in different ways:
3.1 JavaScript in <head>...</head> section:

If you want to have a script run on some event, such as when a
user clicks somewhere, then you will place that script in the head as
follows:
<html>
<head>
<script type="text/javascript">

</script>
</head>
<body>
<input type="button" onclick="sayHello()" value="Say
Hello" />
</body>
</html>
This will produce following result:
sayHello
3.2 JavaScript in <body>...</body> section:

If you need a script to run as the page loads so that the script
generates content in the page, the script goes in the <body> portion
of the document. In this case you would not have any function
defined using JavaScript:
<html>
<head>
</head>
<body>

</script>
<p>This is web page body </p>
</body>
</html>
==============================================
=========================
7
JavaScript
=======================================================================
Hello World
This is web page body
3.3 JavaScript in <body> and <head> sections:

You can put your JavaScript code in <head> and <body>
section altogether as follows:
<html>
<head>

</script>
</head>
<body>

</script>
Hello" />
</body>
</html>

Hello World
sayHello
3.4 JavaScript in External File :

As you begin to work more extensively with JavaScript, you will
likely find that there are cases where you are reusing identical
JavaScript code on multiple pages of a site.
You are not restricted to be maintaining identical code in
multiple HTML files. The script tag provides a mechanism to allow you
to store JavaScript in an external file and then include it into your
HTML files.
Here is an example to show how you can include an external
JavaScript file in your HTML code using script tag and its src attribute:
<html>
<head>
==============================================
=========================
8
JavaScript
=======================================================================
<script type="text/javascript" src="filename.js"

></script>
</head>
<body>
.......
</body>
</html>
To use JavaScript from an external file source, you need to

write your all JavaScript source code in a simple text file with
extension ".js" and then include that file as shown above.
For example, you can keep following content in filename.js

file and then you can use sayHello function in your HTML file after
including filename.js file:
}
1. JavaScript DataTypes and Variables
4.1 JavaScript DataTypes:

One of the most fundamental characteristics of a programming
language is the set of data types it supports. These are the type of
values that can be represented and manipulated in a programming
language.
JavaScript allows you to work with three primitive data types:
1) Numbers eg. 123, 120.50 etc.
2) Strings of text e.g. "This text string" etc.
3) Boolean e.g. true or false.
JavaScript also defines two trivial data types, null and
undefined, each of which defines only a single value.
In addition to these primitive data types, JavaScript supports a
composite data type known as object. We will see an object detail in
a separate chapter.
Note: Java does not make a distinction between integer values
and floating-point values. All numbers in JavaScript are represented
as floating-point values. JavaScript represents numbers using the 64-
bit floating-point format defined by the IEEE 754 standard.
4.2 JavaScript Variables:

Like many other programming languages, JavaScript has
variables. Variables can be thought of as named containers. You can
==============================================
=========================
9
JavaScript
=======================================================================
place data into these containers and then refer to the data simply by
naming the container.
Before you use a variable in a JavaScript program, you must
declare it. Variables are declared with the var keyword as follows:

</script>
You can also declare multiple variables with the same var keyword as
follows:

</script>
Storing a value in a variable is called variable initialization. You

can do variable initialization at the time of variable creation or later
point in time when you need that variable as follows:
For instance, you might create a variable named money and
assign the value 2000.50 to it later. For another variable you can
assign a value the time of initialization as follows:

</script>
Note: Use the var keyword only for declaration or

initialization.once for the life of any variable name in a document. You
should not re-declare same variable twice.
JavaScript is untyped language. This means that a JavaScript
variable can hold a value of any data type. Unlike many other
languages, you don't have to tell JavaScript during variable
declaration what type of value the variable will hold. The value type
of a variable can change during the execution of a program and
JavaScript takes care of it automatically.
4.3 JavaScript Variable Scope:

The scope of a variable is the region of your program in which
it is defined. JavaScript variable will have only two scopes.
==============================================
=========================
10
JavaScript
=======================================================================
1) Global Variables: A global variable has global scope which
means it is defined everywhere in your JavaScript code.
2) Local Variables: A local variable will be visible only within
a function where it is defined. Function parameters are
always local to that function.
Within the body of a function, a local variable takes
precedence over a global variable with the same name. If you declare
a local variable or function parameter with the same name as a
global variable, you effectively hide the global variable. Following
example explains it:

</script>
This produces the following result:

local
4.4 JavaScript Variable Names:

While naming your variables in JavaScript keep following rules
in mind.
1) You should not use any of the JavaScript reserved keyword as
variable name. These keywords are mentioned in the next
section. For example, break or boolean variable names are not
valid.
2) JavaScript variable names should not start with a numeral (0-
9). They must begin with a letter or the underscore character.
For example, 123test is an invalid variable name but _123test
is a valid one.
3) JavaScript variable names are case sensitive. For example,
Name and name are two different variables.
4.5 JavaScript Reserved Words:

The following are reserved words in JavaScript. They cannot be
used as JavaScript variables, functions, methods, loop labels, or any
object names.
abstract else instanceof switch
boolean enum int synchronized
break export interface this
byte extends long throw
case false native throws
catch final new transient
char finally null true
==============================================
=========================
11
JavaScript
=======================================================================
class float package try
const for private typeof
continue function protected var
debugger goto public void
default if return volatile
delete implements short while
do import static with
double in super
2. JavaScript Operators
5.1 What is an operator?
Simple answer can be given using expression 4 + 5 is equal to
9. Here 4 and 5 are called operands and + is called operator.
JavaScript language supports following type of operators.
1) Arithmetic Operators
2) Comparision Operators
3) Logical (or Relational) Operators
4) Assignment Operators
5) Conditional (or ternary) Operators
Lets have a look on all operators one by one.
5.1.1 The Arithmatic Operators:

There are following arithmatic operators supported by
JavaScript language:
Assume variable A holds 10 and variable B holds 20 then:
Operato
Description Example
r
A + B will
+ Adds two operands
give 30
Subtracts second operand from the A - B will give

-
first -10
A * B will give
* Multiply both operands
200
B / A will give
/ Divide numerator by denumerator
2
Modulus Operator and remainder of B % A will

%
after an integer division give 0
Increment operator, increases A++ will give

++
integer value by one 11
Decrement operator, decreases

-- A-- will give 9
integer value by one
==============================================
=========================
12
JavaScript
=======================================================================
Note: Addition operator (+) works for Numeric as well as
Strings. e.g. "a" + 10 will give "a10".
5.1.2 The Comparison Operators:

There are following comparison operators supported by
JavaScript language
Operato
Description Example
r
Checks if the value of two operands

(A == B) is
== are equal or not, if yes then
not true.
condition becomes true.
Checks if the value of two operands

(A != B) is
!= are equal or not, if values are not
true.
equal then condition becomes true.
Checks if the value of left operand

is greater than the value of right (A > B) is not
>
operand, if yes then condition true.
becomes true.

is less than the value of right (A < B) is
<
operand, if yes then condition true.
becomes true.

is greater than or equal to the value (A >= B) is
>=
of right operand, if yes then not true.

is less than or equal to the value of (A <= B) is
<=
right operand, if yes then condition true.
becomes true.
.
5.1.3 The Logical Operators:
There are following logical operators supported by JavaScript
language
Operato
Description Example
r
Called Logical AND operator. If both

(A && B) is
&& the operands are non zero then then
true.
|| Called Logical OR Operator. If any of (A || B) is true.

the two operands are non zero then
==============================================
=========================
13
JavaScript
=======================================================================
then condition becomes true.
Called Logical NOT Operator. Use to

reverses the logical state of its
!(A && B) is
! operand. If a condition is true then
false.
Logical NOT operator will make
false.
5.1.4 The Bitwise Operators:

There are following bitwise operators supported by JavaScript
language
Operato
Description Example
r
Called Bitwise AND operator. It

& performs a Boolean AND operation (A & B) is 2 .
on each bit of its integer arguments.
Called Bitwise OR Operator. It

| performs a Boolean OR operation on (A | B) is 3.
each bit of its integer arguments.
Called Bitwise XOR Operator. It

performs a Boolean exclusive OR
operation on each bit of its integer
^ (A ^ B) is 1.
arguments. Exclusive OR means
that either operand one is true or
operand two is true, but not both.
Called Bitwise NOT Operator. It is a

~ is a unary operator and operates by (~B) is -4 .
reversing all bits in the operand.
Called Bitwise Shift Left Operator. It

moves all bits in its first operand to
the left by the number of places
specified in the second operand.
<< New bits are filled with zeros. (A << 1) is 4.
Shifting a value left by one position
is equivalent to multiplying by 2,
shifting two positions is equivalent
to multiplying by 4, etc.
>> Called Bitwise Shift Right with Sign (A >> 1) is 1.

Operator. It moves all bits in its first
operand to the right by the number
of places specified in the second
operand. The bits filled in on the left
depend on the sign bit of the
original operand, in order to
==============================================
=========================
14
JavaScript
=======================================================================
preserve the sign of the result. If the
first operand is positive, the result
has zeros placed in the high bits; if
the first operand is negative, the
result has ones placed in the high
bits. Shifting a value right one place
is equivalent to dividing by 2
(discarding the remainder), shifting
right two places is equivalent to
integer division by 4, and so on.
Called Bitwise Shift Right with Zero

Operator. This operator is just like
(A >>> 1) is
>>> the >> operator, except that the
1.
bits shifted in on the left are always
zero,
5.1.5 The Assignment Operators:

There are following assignment operators supported by JavaScript
language:
Operato
Description Example
r
Simple assignment operator, Assigns C = A + B will

= values from right side operands to assigne value
left side operand of A + B into C
Add AND assignment operator, It

C += A is
adds right operand to the left
+= equivalent to C
operand and assign the result to left
=C+A
operand
Subtract AND assignment operator,

C -= A is
It subtracts right operand from the
-= equivalent to C
left operand and assign the result to
=C-A
left operand
Multiply AND assignment operator, It

C *= A is
multiplies right operand with the left
*= equivalent to C
=C*A
operand
Divide AND assignment operator, It

C /= A is
divides left operand with the right
/= equivalent to C
=C/A
operand
Modulus AND assignment operator, C %= A is

%= It takes modulus using two operands equivalent to C
and assign the result to left operand = C % A
==============================================
=========================
15
JavaScript
=======================================================================
Note: Same logic applies to Bitwise operators so they will

become like <<=, >>=, >>=, &=, |= and ^=.
5.1.6 Miscellaneous Operator:

The Conditional Operator (? :)
There is an oprator called conditional operator. This first
evaluates an expression for a true or false value and then execute
one of the two given statements depending upon the result of the
evaluation. The conditioanl operator has this syntax:
Operato
Description Example
r
If Condition is true ?
?: Conditional Expression Then value X :
Otherwise value Y
The typeof Operator

The typeof is a unary operator that is placed before its single
operand, which can be of any type. Its value is a string indicating the
data type of the operand.
The typeof operator evaluates to "number", "string", or
"boolean" if its operand is a number, string, or boolean value and
returns true or false based on the evaluation.
Here is the list of return values for the typeof Operator :
Type String Returned by typeof
Number "number"
String "string"
Boolean "boolean"
Object "object"
Function "function"
Undefined "undefined"
Null "object"
3. JavaScript if...else Statements

While writing a program, there may be a situation when you
need to adopt one path out of the given two paths. So you need to
make use of conditional statements that allow your program to make
correct decisions and perform right actions.
==============================================
=========================
16
JavaScript
=======================================================================
JavaScript supports conditional statements which are used to
perform different actions based on different conditions. Here we will
explain if..else statement.
JavaScript supports following forms of if..else statement:
1) if statement
2) if...else statement
3) if...else if... statement.
6.1 if statement:
The if statement is the fundamental control statement that
allows JavaScript to make decisions and execute statements
conditionally.
Syntax:
if (expression){
Statement(s) to be executed if expression is true
}
Here JavaScript expression is evaluated. If the resulting value

is true, given statement(s) are executed. If expression is false then no
statement would be not executed. Most of the times you will use
comparison operators while making decisions.
Example:

</script>

Qualifies for driving
6.2 if...else statement:

The if...else statement is the next form of control statement
that allows JavaScript to execute statements in more controlled way.
Syntax:
if (expression){
}else{
Statement(s) to be executed if expression is false
}
Here JavaScript expression is evaluated. If the resulting value

is true, given statement(s) in the if block, are executed. If expression
is false then given statement(s) in the else block, are executed.
Example:
==============================================
=========================
17
JavaScript
=======================================================================

</script>

Does not qualify for driving
6.3 if...else if... statement:

The if...else if... statement is the one level advance form of
control statement that allows JavaScript to make correct decision out
of several conditions.
Syntax:
if (expression 1){
Statement(s) to be executed if expression 1 is true
}else if (expression 2){
}else if (expression 3){
}else{
Statement(s) to be executed if no expression is true
}
There is nothing special about this code. It is just a series of if

statements, where each if is part of the else clause of the previous
statement. Statement(s) are executed based on the true condition, if
non of the condition is true then else block is executed.
Example:

</script>
==============================================
=========================
18
JavaScript
=======================================================================

Maths Book
4. JavaScript Switch Case

You can use multiple if...else if statements, as in the previous
chapter, to perform a multiway branch. However, this is not always
the best solution, especially when all of the branches depend on the
value of a single variable.
Starting with JavaScript 1.2, you can use a switch statement
which handles exactly this situation, and it does so more efficiently
than repeated if...else if statements.
Syntax:
The basic syntax of the switch statement is to give an
expression to evaluate and several different statements to execute
based on the value of the expression. The interpreter checks each
case against the value of the expression until a match is found. If
nothing matches, a default condition will be used.
switch (expression)
{
case condition 1: statement(s)
break;
case condition 2: statement(s)
break;
...
case condition n: statement(s)
break;
default: statement(s)
}
The break statements indicate to the interpreter the end of

that particular case. If they were omitted, the interpreter would
continue executing each statement in each of the following cases.
We will explain break statement in Loop Control chapter.
Example:
Following example illustrates a basic while loop:

</script>

Entering switch block
Good job
Exiting switch block
Example:
Consider a case if you do not use break statement:
 </script>

Entering switch block
Good job
Pretty good
Passed
Not so good
Failed
==============================================
=========================
20
JavaScript
=======================================================================
Unknown grade
Exiting switch block
5. JavaScript while Loops

While writing a program, there may be a situation when you
need to perform some action over and over again. In such situation
you would need to write loop statements to reduce the number of
lines.
JavaScript supports all the necessary loops to help you on all
steps of programming.
8.1 The while Loop
The most basic loop in JavaScript is the while loop which would
be discussed in this tutorial.
Syntax:
while (expression){
}
The purpose of a while loop is to execute a statement or code

block repeatedly as long as expression is true. Once expression
becomes false, the loop will be exited.
Example:
Following example illustrates a basic while loop:

</script>

Starting Loop
Current Count : 0
Current Count : 1
Current Count : 2
Current Count : 3
Current Count : 4
Current Count : 5
Current Count : 6
Current Count : 7
Current Count : 8
==============================================
=========================
21
JavaScript
=======================================================================
Current Count : 9
Loop stopped!
8.2 The do...while Loop:

The do...while loop is similar to the while loop except that
the condition check happens at the end of the loop. This means that
the loop will always be executed at least once, even if the condition is
false.
Syntax:
do{
Statement(s) to be executed;
} while (expression);
Note: the semicolon used at the end of the do...while loop.

Example:
Let us write above example in terms of do...while loop.

</script>

Starting Loop
Current Count : 0
Loop stopped!
JavaScript for Loops

We have seen different variants of while loop. This chapter will
explain another popular loop called for loop.
9.1 The for Loop

The for loop is the most compact form of looping and includes
the following three important parts:
1) The loop initialization where we initialize our counter to a
starting value. The initialization statement is executed before
the loop begins.
2) The test statement which will test if the given condition is true
or not. If condition is true then code given inside the loop will
be executed otherwise loop will come out.
==============================================
=========================
22
JavaScript
=======================================================================
3) The iteration statement where you can increase or decrease
your counter.
You can put all the three parts in a single line separated by a
semicolon.
Syntax:
for (initialization; test condition; iteration statement){
Statement(s) to be executed if test condition is true
}
Example:
Following example illustrates a basic for loop:

</script>
This will produce following result which is similar to while loop:

Starting Loop
Current Count : 0
Current Count : 1
Current Count : 2
Current Count : 3
Current Count : 4
Current Count : 5
Current Count : 6
Current Count : 7
Current Count : 8
Current Count : 9
Loop stopped!
JavaScript for...in loop

There is one more loop supported by JavaScript. It is called
for...in loop. This loop is used to loop through an object's properties.
Because we have not discussed Objects yet, so you may not
feel comfortable with this loop. But once you will have understanding
on JavaScript objects then you will find this loop very useful.
Syntax:
for (variablename in object){
statement or block to execute
}
==============================================
=========================
23
JavaScript
=======================================================================
In each iteration one property from object is assigned to

variablename and this loop continues till all the properties of the
object are exhausted.
Example:
Here is the following example that prints out the properties of
a Web browser's Navigator object:

</script>

Navigator Object Properties
appCodeName
appName
appMinorVersion
cpuClass
platform
plugins
opsProfile
userProfile
systemLanguage
userLanguage
appVersion
userAgent
onLine
cookieEnabled
mimeTypes
Exiting from the loop!
JavaScript Loop Control

JavaScript provides you full control to handle your loops and
switch statement. There may be a situation when you need to come
out of a loop without reaching at its bottom. There may also be a
situation when you want to skip a part of your code block and want to
start next iteration of the look.
To handle all such situations, JavaScript provides break and
continue statements. These statements are used to immediately
==============================================
=========================
24
JavaScript
=======================================================================
come out of any loop or to start the next iteration of any loop
respectively.
11.1 The break Statement:

The break statement, which was briefly introduced with the
switch statement, is used to exit a loop early, breaking out of the
enclosing curly braces.
Example:
This example illustrates the use of a break statement with a
while loop. Notice how the loop breaks out early once x reaches 5 and
reaches to document.write(..) statement just below to closing curly
brace:

</script>

Entering the loop
2
3
4
5
Exiting the loop!
We already have seen the usage of break statement inside a

switch statement.
11.2 The continue Statement:

The continue statement tells the interpreter to immediately
start the next iteration of the loop and skip remaining code block.
When a continue statement is encountered, program flow will
move to the loop check expression immediately and if condition
remain true then it start next iteration otherwise control comes out of
the loop.
Example:
==============================================
=========================
25
JavaScript
=======================================================================
This example illustrates the use of a continue statement with
a while loop. Notice how the continue statement is used to skip
printing when the index held in variable x reaches 5:

</script>

Entering the loop
2
3
4
6
7
8
9
10
Exiting the loop!
11.3 Using Labels to Control the Flow:

Starting from JavaScript 1.2, a label can be used with break
and continue to control the flow more precisely.
A label is simply an identifier followed by a colon that is
applied to a statement or block of code. We will see two different
examples to understand label with break and continue.
Note: Line breaks are not allowed between the continue or
break statement and its label name. Also, there should not be any
other statement in between a label name and associated loop.
Example 1:

</script>

Entering the loop!
Outerloop: 0
Innerloop: 0
Innerloop: 1
Innerloop: 2
Innerloop: 3
Outerloop: 1
Innerloop: 0
Innerloop: 1
Innerloop: 2
Innerloop: 3
Outerloop: 2
Outerloop: 3
Innerloop: 0
Innerloop: 1
Innerloop: 2
Innerloop: 3
Outerloop: 4
Exiting the loop!
Example 2:

</script>

Entering the loop!
Outerloop: 0
Innerloop: 0
Innerloop: 1
Innerloop: 2
Outerloop: 1
Innerloop: 0
Innerloop: 1
Innerloop: 2
Outerloop: 2
Innerloop: 0
Innerloop: 1
Innerloop: 2
Exiting the loop!
12. JavaScript Functions

A function is a group of reusable code which can be called
anywhere in your programme. This eliminates the need of writing
same code again and again. This will help programmers to write
modular code. You can divide your big programme in a number of
small and manageable functions.
Like any other advance programming language, JavaScript also
supports all the features necessary to write modular code using
functions.
You must have seen functions like alert () and write () in
previous chapters. We are using this function again and again but
they have been written in core JavaScript only once.
JavaScript allows us to write our own functions as well. This
section will explain you how to write your own functions in JavaScript.
12.1 Function Definition:

Before we use a function we need to define that function. The
most common way to define a function in JavaScript is by using the
function keyword, followed by a unique function name, a list of
parameters (that might be empty), and a statement block surrounded
by curly braces. The basic syntax is shown here:

</script>
Example:
A simple function that takes no parameters called sayHello is
defined here:

</script>
12.2 Calling a Function:

To invoke a function somewhere later in the script, you would
simple need to write the name of that function as follows:

</script>
12.3 Function Parameters:

Till now we have seen function without a parameters. But there
is a facility to pass different parameters while calling a function.
These passed parameters can be captured inside the function and
any manipulation can be done over those parameters.
A function can take multiple parameters separated by comma.
Example:
Let us do a bit modification in our sayHello function. This time
it will take two parameters:

</script>
Note: We are using + operator to concatenate string and

number all together. JavaScript does not mind in adding numbers into
strings.
Now we can call this function as follows:
==============================================
=========================
29
JavaScript
=======================================================================

</script>
12.4 The return Statement:

A JavaScript function can have an optional return statement.
This is required if you want to return a value from a function. This
statement should be the last statement in a function.
For example you can pass two numbers in a function and then
you can expect from the function to return their multiplication in your
calling program.
Example:
This function takes two parameters and concatenates them
and return resultant in the calling program:

</script>
Now we can call this function as follows:


</script>
12.5 Advanced Concepts for Functions:

There is lot to learn about JavaScript functions. But I have put
following important concepts in this tutorial. If you are not in furry
then I would suggest to go through them at least once.
• 1) JavaScript Nested Functions
• 2) JavaScript Function( ) Constructor
• 3) JavaScript Function Literals
==============================================
=========================
30
JavaScript
=======================================================================
13. JavaScript Events
13.1 What is an Event ?
JavaScript's interaction with HTML is handled through events
that occur when the user or browser manipulates a page.
When the page loads, that is an event. When the user clicks a
button, that click, too, is an event. Another example of events are like
pressing any key, closing window, resizing window etc.
Developers can use these events to execute JavaScript coded
responses, which cause buttons to close windows, messages to be
displayed to users, data to be validated, and virtually any other type
of response imaginable to occur.
Events are a part of the Document Object Model (DOM) Level 3
and every HTML element have a certain set of events which can
trigger JavaScript Code.
Please go through this small tutorial for a better understanding
HTML Event Reference. Here we will see few examples to
understand a relation between Event and JavaScript:
13.2 onclick Event Type:

This is the most frequently used event type which occurs when
a user clicks mouse left button. You can put your validation, warning
etc against this event type.
Example:
<html>
<head>

</script>
</head>
<body>
Hello" />
</body>
</html>
This will produce following result and when you click Hello
button then onclick event will occur which will trigger sayHello()
function.(in the result I have pasted a box by typing say
hello ,when u try this example u come to know the result
onclick try it)
Say Hello
==============================================
=========================
31
JavaScript
=======================================================================
13.3 onsubmit event type:

Another most important event type is onsubmit. This event
occurs when you try to submit a form. So you can put your form
validation against this event type.
Here is simple example showing its usage. Here we are calling
a validate() function before submitting a form data to the webserver.
If validate() function returns true the form will be submitted otherwise
it will not submit the data.
Example:
<html>
<head>

</script>
</head>
<body>
<form method="POST" action="t.cgi" onsubmit="return
validate()">
.......
<input type="submit" value="Submit" />
</form>
</body>
</html>
13.4 onmouseover and onmouseout:

These two event types will help you to create nice effects with
images or even with text as well. The onmouseover event occurs
when you bring your mouse over any element and the onmouseout
occurs when you take your mouse out from that element.
Example:
Following example shows how a division reacts when we bring
our mouse in that division:
<html>
<head>

==============================================
=========================
32
JavaScript
=======================================================================
</script>
</head>
<body>
<div onmouseover="over()" onmouseout="out()">
<h2> This is inside the division </h2>
</div>
</body>
</html>
You can change different images using these two event types
or you can create help baloon to help your users.
13.5 HTML 4 Standard Events

The standard HTML 4 events are listed here for your reference.
Here script indicates a Javascript function to be executed agains that
event.
Event Value Description
onchange script Script runs when the element

changes
onsubmit script Script runs when the form is

submitted
onreset script Script runs when the form is reset
onselect script Script runs when the element is

selected
onblur script Script runs when the element loses

focus
onfocus script Script runs when the element gets

focus
onkeydown script Script runs when key is pressed
onkeypress script Script runs when key is pressed and

released
onkeyup script Script runs when key is released
onclick script Script runs when a mouse click
ondblclick script Script runs when a mouse double-

click
onmousedow script Script runs when mouse button is

n pressed
onmousemov script Script runs when mouse pointer

e moves
==============================================
=========================
33
JavaScript
=======================================================================
onmouseout script Script runs when mouse pointer
moves out of an element
onmouseover script Script runs when mouse pointer

moves over an element
onmouseup script Script runs when mouse button is

released
JavaScript and Cookies

14.1 What are Cookies ?
Web Browser and Server use HTTP protocol to communicate
and HTTP is a stateless protocol. But for a commercial website it is
required to maintain session information among different pages. For
example one user registration ends after completing many pages. But
how to maintain user's session information across all the web pages.
In many situations, using cookies is the most efficient method
of remembering and tracking preferences, purchases, commissions,
and other information required for better visitor experience or site
statistics.
14.2 How It Works ?

Your server sends some data to the visitor's browser in the
form of a cookie. The browser may accept the cookie. If it does, it is
stored as a plain text record on the visitor's hard drive. Now, when
the visitor arrives at another page on your site, the browser sends the
same cookie to the server for retrieval. Once retrieved, your server
knows/remembers what was stored earlier.
Cookies are a plain text data record of 5 variable-length fields:
1) Expires : The date the cookie will expire. If this is blank,

the cookie will expire when the visitor quits the browser.
2) Domain : The domain name of your site.
3) Path : The path to the directory or web page that set the
cookie. This may be blank if you want to retrieve the cookie
from any directory or page.
4) Secure : If this field contains the word "secure" then the
cookie may only be retrieved with a secure server. If this
field is blank, no such restriction exists.
5) Name=Value : Cookies are set and retrieved in the form of
key and value pairs.
Cookies were originally designed for CGI programming and

cookies' data is automatically transmitted between the web browser
and web server, so CGI scripts on the server can read and write
cookie values that are stored on the client.
==============================================
=========================
34
JavaScript
=======================================================================
JavaScript can also manipulate cookies using the cookie
property of the Document object. JavaScript can read, create, modify,
and delete the cookie or cookies that apply to the current web page.
14.3 Storing Cookies:

The simplest way to create a cookie is to assign a string value
to the document.cookie object, which looks like this:
Syntax:
document.cookie =
"key1=value1;key2=value2;expires=date";
Here expires attribute is option. If you provide this attribute
with a valid date or time then cookie will expire at the given date or
time and after that cookies' value will not be accessible.
Note: Cookie values may not include semicolons, commas, or

whitespace. For this reason, you may want to use the JavaScript
escape() function to encode the value before storing it in the cookie.
If you do this, you will also have to use the corresponding unescape()
function when you read the cookie value.
Example:
Following is the example to set a customer name in input
cookie.
<html>
<head>

</script>
</head>
<body>
<form name="myform" action="">
Enter name: <input type="text" name="customer"/>
<input type="button" value="Set Cookie"
onclick="WriteCookie();"/>
</form>
</body>
</html>
==============================================
=========================
35
JavaScript
=======================================================================
This will produce following result. Now enter something in the
text box and press the button "Set Cookie" to set the cookies.
Now your machine has a cookie called name. You can set
multiple cookies using multiple key=value pairs separated by
comma.
14.4 Reading Cookies:

Reading a cookie is just as simple as writing one, because the
value of the document.cookie object is the cookie. So you can use
this string whenever you want to access the cookie.
The document.cookie string will keep a list of name=value
pairs separated by semicolons, where name is the name of a cookie
and value is its string value.
You can use strings' split() function to break the string into key
and values as follows:
Example:
Following is the example to get the cookies set in previous
section.
<html>
<head>

</script>
</head>
<body>
<form name="myform" action="">
<input type="button" value="Get Cookie"
onclick="ReadCookie()"/>
</form>
</body>
</html>
Note: Here length is a method of Array class which returns the

length of an array. We will discuss Arrays in a separate chapter. By
that time please try to digest it.
This will produce following result. Now press the button "Get
Cookie" to see the cookies which you have set in previous section.
==============================================
=========================
36
JavaScript
=======================================================================
(in the result I have pasted a box by typing say hello
,when u try this example u come to know the result try it)
Note: There may be some other cookies already set on your

machine. So above code will show you all the cookies set at your
machine.
Setting the Cookies Expiration Date:

You can extend the life of a cookie beyond the current browser
session by setting an expiration date and saving the expiration date
within the cookie. This can be done by setting the expires attribute to
a date and time.
Example:
The following example illustrates how to set cookie expiration
date after 1 Month :
<html>
<head>

</script>
</head>
<body>
<form name="formname" action="">
onclick="WriteCookie()"/>
</form>
</body>
</html>
14.6 Deleting a Cookie:

Sometimes you will want to delete a cookie so that subsequent
attempts to read the cookie return nothing. To do this, you just need
to set the expiration date to a time in the past.
Example:
==============================================
=========================
37
JavaScript
=======================================================================
The following example illustrates how to delete cookie by
setting expiration date one Month in past :
<html>
<head>

</script>
</head>
<body>
<form name="formname" action="">
onclick="WriteCookie()"/>
</form>
</body>
</html>
Note: Instead of setting date, you can see new time using setTime()
function.
15. JavaScript - Page Redirection
15.1 What is page redirection?

When you click a URL to reach to a page X but internally you
are directed to another page Y that simply happens because of page
re-direction.
There could be various reasons why you would like to redirect
from original page. I'm listing down few of the reasons:
1) You did not like the name of your domain and you are moving
to a new one. Same time you want to direct your all visitors to
new site. In such case you can maintain your old domain but
put a single page with a page re-direction so that your all old
domain visitors can come to your new domain.
2) You have build-up various pages based on browser versions or
their names or may be based on different countries, then
instead of using your server side page redirection you can use
client side page redirection to land your users on appropriate
page.
==============================================
=========================
38
JavaScript
=======================================================================
3) The Search Engines may have already indexed your pages. But
while moving to another domain then you would not like to lose
your visitors coming through search engines. So you can use
client side page redirection. But keep in mind this should not
be done to make search engine a fool otherwise this could get
your web site banned.
15.2 How Page Re-direction works ?

Example 1:
This is very simple to do a page redirect using JavaScript at
client side. To redirect your site visitors to a new page, you just need
to add a line in your head section as follows:
<head>

</script>
</head>
Example 2:
You can show an appropriate message to your site visitors
before redirecting them to a new page. This would need a bit time
delay to load a new page. Following is the simple example to
implement the same:
<head>

</script>
</head>
Here setTimeout() is a built-in JavaScript function which can be
used to execute another function after a given time interval.
Example 3:
Following is the example to redirect site visitors on different
pages based on their browsers :
<head>

</script>
</head>
16. JavaScript - Dialog Boxes

JavaScript supports three important types of dialog boxes.
These dialog boxes can be used to raise and alert, or to get
confirmation on any input or to have a kind of input from the users.
Here we will see each dialog box one by one:
16.1 Alert Dialog Box:

An alert dialog box is mostly used to give a warning message
to the users. Like if one input field requires to enter some text but
user does not enter that field then as a part of validation you can use
alert box to give warning message as follows:
<head>

</script>
</head>
Nonetheless, an alert box can still be used for friendlier

messages. Alert box gives only one button "OK" to select and
proceed.
16.2 Confirmation Dialog Box:

A confirmation dialog box is mostly used to take user's consent
on any option. It displays a dialog box with two buttons: OK and
Cancel.
==============================================
=========================
40
JavaScript
=======================================================================
If the user clicks on OK button the window method confirm()
will return true. If the user clicks on the Cancel button confirm()
returns false. You can use confirmation dialog box as follows:
<head>

</script>
</head>
16.3 Prompt Dialog Box:

The prompt dialog box is very useful when you want to pop-up
a text box to get user input. Thus it enable you to interact with the
user. The user needs to fill in the field and then click OK.
This dialog box is displayed using a method called prompt()
which takes two parameters (i) A label which you want to display in
the text box (ii) A default string to display in the text box.
This dialog box with two buttons: OK and Cancel. If the user
clicks on OK button the window method prompt() will return entered
value from the text box. If the user clicks on the Cancel button the
window method prompt() returns null.
You can use prompt dialog box as follows:
<head>

</script>
</head>
17. JavaScript - Void Keyword

The void is an important keyword in JavaScript which can be
used as a unary operator that appears before its single operand,
which may be of any type.
This operator specifies an expression to be evaluated without
returning a value. Its syntax could be one of the following:
<head>
==============================================
=========================
41
JavaScript
=======================================================================

</script>
</head>
Example 1:
The most common use for this operator is in a client-side
javascript: URL, where it allows you to evaluate an expression for its
side effects without the browser displaying the value of the evaluated
expression.
Here the expression alert('Warning!!!') is evaluated but it is not
loaded back into the current document:
<head>

</script>
</head>
<body>
<a href="javascript:void(alert('Warning!!!'))">Click me!</a>
</body>
Example 2:
Another example the following link does nothing because the
expression "0" has no effect in JavaScript. Here the expression "0" is
evaluated but it is not loaded back into the current document:
<head>

</script>
</head>
<body>
<a href="javascript:void(0))">Click me!</a>
</body>
Example 3:
Another use for void is to purposely generate the undefined
value as follows:
<head>

</script></head>
18. JavaScript - Page Printing

Many times you would like to give a button at your webpage to
print out the content of that web page via an actual printer.
JavaScript helps you to implement this functionality using print
function of window object.
The JavaScript print function window.print() will print the
current web page when executed. You can call this function directly
using onclick event as follows:
<head>

</script>
</head><body><form>
<input type="button" value="Print"
onclick="window.print()" />
</form></body>
This will produce following button which let you print this page.
Try it by clicking:(Try this example) .(in the result I have pasted a
box by typing say hello ,when u try this example u come to
know the result onclick try it)
Print
This serves your purpose to get page printed out, but this is
not a recommended way of giving printing facility. A printer friendly
page is really just a page with text, no images, graphics, or
advertising.
You can do one of the followings to make a page printer
friendly:
1) Make a copy of the page and leave out unwanted text and
graphics, then link to that printer friendly page from the
original. Check Example.
2) If you do not want to keep extra copy of a page then you can
mark your printable text using proper comments like .....  and then
you can use PERL or any other script in background to purge
==============================================
=========================
43
JavaScript
=======================================================================
printable text and display for final printing. Our site is using
same method to give print facility to our site visitors. Check
Example.
18.1 How to print a page:

If someone is providing none of the above facilities then you
can use browser's standard toolbar to get web pages printed out.
Follow the link as follows:
File --> Print --> Click OK button.
19. Javascript Objects Overview
JavaScript is an Object Oriented Programming (OOP) language.

A programming language can be called object-oriented if it provides
four basic capabilities to developers:
1) Encapsulation . the capability to store related information,

whether data or methods, together in an object
2) Aggregation . the capability to store one object inside of
another object
3) Inheritance . the capability of a class to rely upon another
class (or number of classes) for some of its properties and
methods
4) Polymorphism . the capability to write one function or
method that works in a variety of different ways
Objects are composed of attributes. If an attribute contains a
function, it is considered to be a method of the object otherwise, the
attribute is considered a property.
19.1 Object Properties:
Object properties can be any of the three primitive data types,
or any of the abstract data types, such as another object. Object
properties are usually variables that are used internally in the object's
methods, but can also be globally visible variables that are used
throughout the page.
The syntax for adding a property to an object is:
objectName.objectProperty = propertyValue;
Example:
Following is a simple example to show how to get a document
title using "title" property of document object:
var str = document.title;
19.2 Object Methods:

The methods are functions that let the object do something or
let something be done to it. There is little difference between a
function and a method, except that a function is a standalone unit of
statements and a method is attached to an object and can be
referenced by the this keyword.
==============================================
=========================
44
JavaScript
=======================================================================
Methods are useful for everything from displaying the contents
of the object to the screen to performing complex mathematical
operations on a group of local properties and parameters.
Example:
Following is a simple example to show how to use write()
method of document object to write any content on the document:
document.write("This is test");
19.3 User-Defined Objects:

All user-defined objects and built-in objects are descendants of
an object called Object.
19.3.1The new Operator:
The new operator is used to create an instance of an object. To
create an object, the new operator is followed by the constructor
method.
In the following example, the constructor methods are Object(),
Array(), and Date(). These constructors are built-in JavaScript
functions.
var employee = new Object();
var books = new Array("C++", "Perl", "Java");
var day = new Date("August 15, 1947");
19.3.2The Object() Constructor:

A constructor is a function that creates and initializes an
object. JavaScript provides a special constructor function called
Object() to build the object. The return value of the Object()
constructor is assigned to a variable.
The variable contains a reference to the new object. The
properties assigned to the object are not variables and are not
defined with the var keyword.
Example 1:
This example demonstrates how to create an object:
<html><head>
<title>User-defined objects</title>
var book = new Object(); // Create the object
book.subject = "Perl"; // Assign properties to the object
book.author = "Mohtashim";
</script></head>
<body>
document.write("Book name is : " + book.subject +
"<br>");
document.write("Book author is : " + book.author +
"<br>");
</script></body></html>
Example 2:
==============================================
=========================
45
JavaScript
=======================================================================
This example demonstrates how to create an object with a
User-Defined Function. Here this keyword is used to refer to the
object that has been passed to a function:
<html><head>
function book(title, author){
this.title = title;
this.author = author;
}</script></head>
<body>
var myBook = new book("Perl", "Mohtashim");
document.write("Book title is : " + myBook.title + "<br>");
document.write("Book author is : " + myBook.author +
"<br>");
19.4 Defining Methods for an Object:

The previous examples demonstrate how the constructor
creates the object and assigns properties. But we need to complete
the definition of an object by assigning methods to it.
Example:
Here is a simple example to show how to add a function along
with an object:
<html><head>
// Define a function which will work as a method
function addPrice(amount){
this.price = amount;
}
this.title = title;
this.addPrice = addPrice; // Assign that method as property.
}</script></head>
<body>
myBook.addPrice(100);
"<br>");
document.write("Book price is : " + myBook.price +
"<br>");
==============================================
=========================
46
JavaScript
=======================================================================
19.5 The with Keyword:

The with keyword is used as a kind of shorthand for referencing
an object's properties or methods.
The object specified as an argument to with becomes the
default object for the duration of the block that follows. The
properties and methods for the object can be used without naming
the object.
Syntax:
with (object){
properties used without the object name and dot
}
Example:
<html><head>
// Define a function which will work as a method
function addPrice(amount){
with(this){
price = amount;
}}
this.title = title;
this.price = 0;
this.addPrice = addPrice; // Assign that method as property.
}</script></head>
<body>
myBook.addPrice(100);
"<br>");
document.write("Book price is : " + myBook.price +
"<br>");
19.6 JavaScript Native Objects:

JavaScript has several built-in or native objects. These objects
are accessible anywhere in your program and will work the same way
in any browser running in any operating system.
Here is the list of all important JavaScript Native Objects:
19.6.1 JavaScript Number Object

19.6.2 JavaScript Boolean Object
19.6.3 JavaScript String Object
19.6.4 JavaScript Array Object
==============================================
=========================
47
JavaScript
=======================================================================
19.6.5 JavaScript Date Object
19.6.6 JavaScript Math Object
19.6.7 JavaScript RegExp Object
19.6.1 JavaScript Number Object

The Number object represents numerical date, either integers
or floating-point numbers. In general, you do not need to worry about
Number objects because the browser automatically converts number
literals to instances of the number class.
Syntax:
Creating a number object:
var val = new Number(number);
If the argument cannot be converted into a number, it returns
NaN (Not-a-Number).
19.6.1.1 Number Properties:
Here is a list of each property and its description.
Property Description
The largest possible value a

a) MAX_VALUE number in JavaScript can have
1.7976931348623157E+308
The smallest possible value a

b) MIN_VALUE number in JavaScript can have
5E-324
Equal to a value that is not a

c) NaN
number.
A value that is less than

d) NEGATIVE_INFINITY
MIN_VALUE.
A value that is greater than

e) POSITIVE_INFINITY
MAX_VALUE
A static property of the Number

object. Use the prototype
property to assign new
f) prototype
properties and methods to the
Number object in the current
document
Javascript Number - MAX_VALUE

Description:
The Number.MAX_VALUE property belongs to the static
Number object. This represents constants for the largest possible
positive numbers that JavaScript can work with.
This constant has actual value 1.7976931348623157 x 10308
Syntax:
You can access this value using the following syntax:
==============================================
=========================
48
JavaScript
=======================================================================
var val = Number.MAX_VALUE;
Example:
Here is the example showing the usage of this property.
<html><head>

</script></head>
<body>
<p>Click the following to see the result:</p>
<form>
<input type="button" value="Click Me" onclick="showValue();"
/>
</form></body></html>

Value of Number.MAX_VALUE : 1.7976931348623157 x 10308
Javascript Number - MIN_VALUE

Description:
The Number.MIN_VALUE property belongs to the static
Number object. This represents constants for the smallest possible
positive numbers that JavaScript can work with.
This constant has actual value 5 x 10-324
Syntax:
You can access this property using the following syntax:
var val = Number.MIN_VALUE;
Example:
Here is the example showing the usage of this property.
<html><head>
</script></head>
<body>
<form>
==============================================
=========================
49
JavaScript
=======================================================================
/>

Value of Number.MIN_VALUE : 5 x 10-324
Javascript Number – NaN

Description:
Unquoted literal constant NaN is a special value representing
Not-a-Number. Since NaN always compares unequal to any number,
including NaN, it is usually used to indicate an error condition for a
function that should return a valid number.
Note: Use the isNaN() global function to see if a value is an
NaN value.
Syntax:
var val = Number.NaN;
Example:
Here dayOfMonth is assigned NaN if it is greater than 31, and a
message is displayed indicating the valid range:
<html><head>
</script></head>
<body>
<form>
/>

Day of Month must be between 1 and 31. Value of
dayOfMonth : NaN
Javascript Number - NEGATIVE_INFINITY

Description:
==============================================
=========================
50
JavaScript
=======================================================================
This is a special numeric value representing a value less than
Number.MIN_VALUE. This value is represented as "-Infinity". This
value resembles an infinity in its mathematical behavior. For
example, anything multiplied by NEGATIVE_INFINITY is
NEGATIVE_INFINITY, and anything divided by NEGATIVE_INFINITY is
zero.
Because NEGATIVE_INFINITY is a constant, it is a read-only
property of Number.
Syntax:
var val = Number.NEGATIVE_INFINITY;
Example:
Here is an example showing usage of this property:
<html><head>

</script>
</head>
<body>
<form>
/>

Value of val : -Infinity
a) Javascript Number - POSITIVE_INFINITY

Description:
This is a special numeric value representing any value greater
than Number.MAX_VALUE. This value is represented as "Infinity". This
value resembles an infinity in its mathematical behavior. For
example, anything multiplied by POSITIVE_INFINITY is
POSITIVE_INFINITY, and anything divided by POSITIVE_INFINITY is
zero.
Because POSITIVE_INFINITY is a constant, it is a read-only
property of Number.
Syntax:
var val = Number.POSITIVE_INFINITY;
Example:
Here is an example showing usage of this property:
==============================================
=========================
51
JavaScript
=======================================================================
<html><head>
</script></head>
<body>
<form>
/>

Value of val : Infinity
b) Javascript Object - prototype
Description:
The prototype property allows you to add properties and
methods to any object (Number, Boolean, String and Date etc).
Note: Prototype is a global property which is available with
almost all the objects.
Syntax:
object.prototype.name = value
Example:
Here is an example showing how to use the prototype property
to add a property to an object:
<html><head>
this.title = title;
}</script></head>
<body>
book.prototype.price = null;
myBook.price = 100;
==============================================
=========================
52
JavaScript
=======================================================================
"<br>");
document.write("Book price is : " + myBook.price + "<br>");

Book title is : Perl
Book author is : Mohtashim
Book price is : 100
19.6.1.2 Number Methods
The Number object contains only the default methods that are
part of every object's definition.
Method Description
Returns the function that created this

a) constructor() object's instance. By default this is
the Number object.
Forces a number to display in

exponential notation, even if the
b) toExponential() number is in the range in which
JavaScript normally uses standard
notation.
Formats a number with a specific

c) toFixed() number of digits to the right of the
decimal.
Returns a string value version of the

current number in a format that may
d) toLocaleString()
vary according to a browser's locale
settings.
Defines how many total digits

(including digits to the left and right
e) toPrecision()
of the decimal) to display of a
number.
Returns the string representation of

f) toString()
the number's value.
g) valueOf() Returns the number's value.
a) Javascript Number - constructor()

Description:
This method returns a reference to the Number function that
created the instance's prototype.
==============================================
=========================
53
JavaScript
=======================================================================
Syntax:
number.constructor()
Here is the detail of parameters:
• NA
Return Value:
Returns the function that created this object's instance.
Example:
<html><head>
<title>JavaScript constructor() Method</title></head>
<body>
var num = new Number( 177.1234 );
document.write("num.constructor() is : " + num.constructor);

num.constructor() is : function Number() { [native code] }
b) Javascript Number - toExponential()

Description:
This method returns a string representing the number object in
exponential notation
Syntax:
number.toExponential( [fractionDigits] )
• fractionDigits: An integer specifying the number of digits

after the decimal point. Defaults to as many digits as
necessary to specify the number.
Return Value:
A string representing a Number object in exponential notation
with one digit before the decimal point, rounded to fractionDigits
digits after the decimal point. If the fractionDigits argument is
omitted, the number of digits after the decimal point defaults to the
number of digits necessary to represent the value uniquely.
Example:
<html><head>
<title>Javascript Method toExponential()</title></head>
<body>
var num=77.1234;
var val = num.toExponential();
document.write("num.toExponential() is : " + val );
val = num.toExponential(4);
==============================================
=========================
54
JavaScript
=======================================================================
document.write("num.toExponential(4) is : " + val );
val = num.toExponential(2);
document.write("num.toExponential(2) is : " + val);
val = 77.1234.toExponential();
document.write("77.1234.toExponential()is : " + val );
val = 77.1234.toExponential();
document.write("77 .toExponential() is : " + val);

num.toExponential() is : 7.71234e+1
num.toExponential(4) is : 7.7123e+1
num.toExponential(2) is : 7.71e+1
77.1234.toExponential()is:7.71234e+1
77 .toExponential() is : 7.71234e+1
c) Javascript Number - toFixed()

Description:
This method formats a number with a specific number of digits
to the right of the decimal.
Syntax:
number.toFixed( [digits] )

• digits: The number of digits to appear after the decimal point.
Return Value:
A string representation of number that does not use
exponential notation and has exactly digits digits after the decimal
place.
Example:
<html><head>
<title>JavaScript toFixed() Method</title></head>
<body>
var num=177.1234;
document.write("num.toFixed() is : " + num.toFixed());
document.write("num.toFixed(6) is : " + num.toFixed(6));
document.write("num.toFixed(1) is : " + num.toFixed(1));
document.write("(1.23e+20).toFixed(2) is:" +
(1.23e+20).toFixed(2)); document.write("<br />");
document.write("(1.23e-10).toFixed(2) is : " + (1.23e-
10).toFixed(2));
==============================================
=========================
55
JavaScript
=======================================================================

num.toFixed() is : 177
num.toFixed(6) is : 177.123400
num.toFixed(1) is : 177.1
(1.23e+20).toFixed(2) is:123000000000000000000.00
(1.23e-10).toFixed(2) is : 0.00
d) Javascript Number - toLocaleString()

Description:
This method converts a number object, into a human readable
string representing the number using the locale of the environment.
Syntax:
number.toLocaleString()
 NA:
Return Value:
Returns a human readable string representing the number
using the locale of the environment.
Example:
<html><head>
<title>JavaScript toLocaleString() Method </title></head>
<body>
var num = new Number(177.1234);
document.write( num.toLocaleString());

177.1234
e) Javascript Number - toPrecision()

Description:
This method returns a string representing the number object to
the specified precision.
Syntax:
number.toPrecision( [ precision ] )
• precision: An integer specifying the number of significant
digits.
Return Value:
Returns a string representing a Number object in fixed-point or
exponential notation rounded to precision significant digits.
Example:
==============================================
=========================
56
JavaScript
=======================================================================
<html><head>
<title>JavaScript toPrecision() Method </title></head>
<body>
document.write("num.toPrecision() is " + num.toPrecision());
document.write("num.toPrecision(4) is " +
num.toPrecision(4));

num.toPrecision() is 7.123456
num.toPrecision(4) is 7.123
num.toPrecision(3) is 7.1
num.toPrecision(1) is 7
f) Javascript Number - toString()

Description:
This method returns a string representing the specified object.
The toString method parses its first argument, and attempts to return
a string representation in the specified radix (base).
Syntax:
number.toString( [radix] )
• radix: An integer between 2 and 36 specifying the base to use
for representing numeric values.
Return Value:
Returns a string representing the specified Number object.
Example:
<html><head>
<title>JavaScript toString() Method </title></head>
<body>
var num = new Number(15);
document.write("num.toString() is " + num.toString());
document.write("num.toString(2) is " + num.toString(2));
document.write("num.toString(4) is " + num.toString(4));
==============================================
=========================
57
JavaScript
=======================================================================

num.toString() is 15
num.toString(2) is 1111
num.toString(4) is 33
g) Javascript Number - valueOf()

Description:
This method returns the primitive value of the specified
number object.
Syntax:
number.valueOf()
 NA
Return Value:
Returns the primitive value of the specified number object.
Example:
<html><head>
<title>JavaScript valueOf() Method </title></head>
<body>
document.write("num.valueOf() is " + num.valueOf());

num.valueOf() is 15.11234
19.6.2 JavaScript Boolean Object

The Boolean object represents two values either "true" or
"false".
Syntax:
Creating a boolean object:
var val = new Boolean(value);
If value parameter is omitted or is 0, -0, null, false, NaN,
undefined, or the empty string (""), the object has an initial value of
false.
19.6.2.1 Boolean Properties:

Here is a list of each property and their description.
==============================================
=========================
58
JavaScript
=======================================================================
Returns a reference to the Boolean
a) constructor
function that created the object.
The prototype property allows you to add

b) prototype
properties and methods to an object.
Javascript Boolean - constructor()

Description:
This method returns a reference to the Boolean function that
created the instance's prototype.
Syntax:
boolean.constructor()
 NA
Return Value:
Example:
<html><head>
<title>JavaScript constructor() Method</title></head>
<body>
var bool = new Boolean( );
document.write("bool.constructor() is:"+bool.constructor);

bool.constructor() is : function Boolean() { [native code] }
a) JavaScript Boolean- prototype

Description:
Syntax:
Example:
<html><head>
this.title = title;
this.author = author;}
==============================================
=========================
59
JavaScript
=======================================================================
</script></head>
<body>
myBook.price = 100;
"<br>");

Book price is : 100
19.6.2.1 Boolean Methods

Here is a list of each method and its description.
Method Description
Returns a string containing the source of

a) toSource() the Boolean object; you can use this string
to create an equivalent object.
Returns a string of either "true" or "false"

b) toString()
depending upon the value of the object.
Returns the primitive value of the Boolean

c) valueOf()
object.
a) Javascript Boolean - toSource()

Description:
This method returns a string representing the source code of
the object.
Note: This method does not work in Internet Explorer.
Syntax:
boolean.toSource()
 NA
Return Value:
Returns a string representing the source code of the object.
Example:
<html><head>
<title>JavaScript toSource() Method</title></head>
<body>
==============================================
=========================
60
JavaScript
=======================================================================
function book(title, publisher, price)
{
this.title = title;
this.publisher = publisher;
this.price = price;
}
var newBook = new book("Perl","Leo Inc",200);
document.write(newBook.toSource());
({title:"Perl", publisher:"Leo Inc", price:200})
Javascript Boolean - toString()

Description:
This method returns a string of either "true" or "false"
depending upon the value of the object.
Syntax:
boolean.toString()
• NA
Return Value:
Returns a string representing the specified Boolean object.
Example:
<html><head>
<title>JavaScript toString() Method</title></head>
<body>
var flag = new Boolean(false);
document.write( "flag.toString is : " + flag.toString() );
flag.toString is : false
Javascript Boolean - valueOf()

Description:
This method returns the primitive value of the specified
boolean object..
Syntax:
boolean.valueOf()
 NA
Return Value:
Returns the primitive value of the specified boolean object.
Example:
==============================================
=========================
61
JavaScript
=======================================================================
<html><head>
<title>JavaScript valueOf() Method</title></head>
<body>
var flag = new Boolean(false);
document.write( "flag.valueOf is : " + flag.valueOf() );
flag.valueOf is : false
Javascript - The String Object

The String object let's you work with a series of characters
and wraps Javascript's string primitive data type with a number of
helper methods.
Because Javascript automatically converts between string
primitives and String objects, you can call any of the helper methods
of the String object on a string primitive.
Syntax:
Creating a String object:
var val = new String(string);
The string parameter is series of characters that has been
properly encoded.
19.3.1 String Properties:

Returns a reference to the String function

a) constructor
that created the object.
b) length Returns the length of the string.

c) prototype
Javascript String - constructor Property

Description:
This returns a reference to the string function that created the
instance's prototype.
Syntax:
string.constructor
 NA
Return Value:
Example:
==============================================
=========================
62
JavaScript
=======================================================================
<html><head>
<title>JavaScript String constructor Method</title></head>
<body>
var str = new String( "This is string" );
document.write("str.constructor is:" + str.constructor);

str.constructor is: function String() { [native code] }
Javascript String - length Property

Description:
This property returns the number of characters in the string.
Syntax:
string.length
 A string
Return Value:
Returns the number of characters in the string.
Example:
<html><head>
<title>JavaScript String length Property</title></head>
<body>
document.write("str.length is:" + str.length);

str.length is:14
Javascript Object – prototype

Description:
Syntax:
Example:
<html><head>
==============================================
=========================
63
JavaScript
=======================================================================
this.title = title;
this.author = author;}
</script></head>
<body>
myBook.price = 100;
"<br>");

Book price is : 100
19.6.3.2 String Methods

Method Description
Returns the character at the

a) charAt()
specified index.
Returns a number indicating the

b) charCodeAt() Unicode value of the character
at the given index.
Combines the text of two strings

c) concat()
and returns a new string.
Returns the index within the

calling String object of the first
d) indexOf()
occurrence of the specified
value, or -1 if not found.
Returns the index within the

calling String object of the last
e) lastIndexOf()
occurrence of the specified
value, or -1 if not found.
f) localeCompare() Returns a number indicating

whether a reference string
comes before or after or is the
==============================================
=========================
64
JavaScript
=======================================================================
same as the given string in sort
order.
Used to match a regular

g) match()
expression against a string.
Used to find a match between a

regular expression and a string,
h) replace()
and to replace the matched
substring with a new substring.
Executes the search for a match

i) search() between a regular expression
and a specified string.
Extracts a section of a string and

j) slice()
returns a new string.
Splits a String object into an

k) split() array of strings by separating
the string into substrings.
Returns the characters in a

string beginning at the specified
l) substr()
location through the specified
number of characters.
Returns the characters in a

m) substring() string between two indexes into
the string.
The characters within a string

are converted to lower case
n) toLocaleLowerCase()
while respecting the current
locale.
The characters within a string

are converted to upper case
o) toLocaleUpperCase()
while respecting the current
locale.
Returns the calling string value

p) toLowerCase()
converted to lower case.
Returns a string representing the

q) toString()
specified object.
Returns the calling string value

r) toUpperCase()
converted to uppercase.
Returns the primitive value of

s) valueOf()
the specified object.
==============================================
=========================
65
JavaScript
=======================================================================
a) Javascript String - charAt() Method

Description:
This method returns the character from the specified
index.
Characters in a string are indexed from left to right. The index of the
first character is 0, and the index of the last character in a string
called stringName is stringName.length - 1.
Syntax:
string.charAt(index);
• index: An integer between 0 and 1 less than the length of the
string.
Return Value:
Returns the character from the specified index.
Example:
<html><head>
<title>JavaScript String charAt() Method</title></head>
<body>
document.writeln("str.charAt(0) is:" + str.charAt(0));
document.writeln("<br />str.charAt(1) is:" + str.charAt(1));
str.charAt(0) is:T
str.charAt(1) is:h
str.charAt(2) is:i
str.charAt(3) is:s
str.charAt(4) is:
str.charAt(5) is:i
b) Javascript String - charCodeAt() Method

Description:
This method returns a number indicating the Unicode value of
the character at the given index.
Unicode code points range from 0 to 1,114,111. The first 128
Unicode code points are a direct match of the ASCII character
encoding. The charCodeAt() will always return a value that is less
than 65,536.
Syntax:
==============================================
=========================
66
JavaScript
=======================================================================
string.charCodeAt(index);
index: An integer between 0 and 1 less than the length of the string;
if unspecified, defaults to 0.
Return Value:
Returns a number indicating the Unicode value of the
character at the given index. This returns NaN if the given index is
not between 0 and 1 less than the length of the string.
Example:
<html><head>
<title>JavaScript String charCodeAt() Method</title></head>
<body>
document.write("str.charCodeAt(0) is:" + str.charCodeAt(0));
document.write("<br />str.charCodeAt(1) is:" +
str.charCodeAt(1));
str.charCodeAt(2));
str.charCodeAt(3));
str.charCodeAt(4));
str.charCodeAt(5));
str.charCodeAt(0) is:84
c) concat()
Description:
This method adds two or more strings and returns a new single
string.
Syntax:
string.concat(string2, string3[, ..., stringN]);
• string2...stringN : These are the strings to be concatenated.
Return Value:
Returns a single concatenated string.
Example:
==============================================
=========================
67
JavaScript
=======================================================================
<html><head>
<title>JavaScript String concat() Method</title></head>
<body>
var str1 = new String( "This is string one" );
var str2 = new String( "This is string two" );
var str3 = str1.concat( str2 );
document.write("Concatenated String :" + str3);
Concatenated String :This is string oneThis is string two.
d) indexOf()
Description:
This method returns the index within the calling String object
of the first occurrence of the specified value, starting the search at
fromIndex or -1 if the value is not found.
Syntax:
string.indexOf(searchValue[, fromIndex])
1) searchValue : A string representing the value to search for.
2) fromIndex : The location within the calling string to start the
search from. It can be any integer between 0 and the length of
the string. The default value is 0.
Return Value:
Returns the index of the found occurrence otherwise -1 if not found.
Example:
<html><head>
<title>JavaScript String indexOf() Method</title></head>
<body>
var str1 = new String( "This is string one" );
var index = str1.indexOf( "string" );
document.write("indexOf found String :" + index );
var index = str1.indexOf( "one" );
document.write("indexOf found String :" + index );
indexOf found String :8
indexOf found String :15
e) lastIndexOf()
Description:
==============================================
=========================
68
JavaScript
=======================================================================
This method returns the index within the calling String object
of the last occurrence of the specified value, starting the search at
fromIndex or -1 if the value is not found.
Syntax:
string.lastIndexOf(searchValue[, fromIndex])
1) searchValue : A string representing the value to search for.
2) fromIndex : The location within the calling string to start the
search from. It can be any integer between 0 and the length of the
string. The default value is 0.
Return Value:
Returns the index of the last found occurrence otherwise -1 if
not found.
Example:
<html><head>
<title>JavaScript String lastIndexOf() Method</title></head>
<body>
var str1 = new String( "This is string one and again string" );
var index = str1.lastIndexOf( "string" );
document.write("lastIndexOf found String :" + index );
var index = str1.lastIndexOf( "one" );
document.write("lastIndexOf found String :" + index );
lastIndexOf found String :29
lastIndexOf found String :15
f) localeCompare()
Description:
This method returns a number indicating whether a reference
string comes before or after or is the same as the given string in sort
order.
Syntax:
string.localeCompare( param )
1) param : A string to be compared with string object.
Return Value:
 0: It string matches 100%.
 -1 : no match, and the parameter value comes before the string
object's value in the locale sort order
 1 : no match, and the parameter value comes after the string
object's value in the locale sort order
Example:
<html><head>
==============================================
=========================
69
JavaScript
=======================================================================
<title>JavaScript String localeCompare() Method</title></head>
<body>
var str1 = new String( "This is beautiful string" );
var index = str1.localeCompare( "XYZ" );
document.write("localeCompare first :" + index );
document.write("<br />" );
var index = str1.localeCompare( "AbCD ?" );
document.write("localeCompare second :" + index );
localeCompare first :-1
localeCompare second :1
g) match()
Description:
This method is used to retrieve the matches when matching a
string against a regular expression.
Syntax:
string.match( param )
 param : A regular expression object.
Return Value:
 If the regular expression does not include the g flag, returns the
same result as regexp.exec(string).
If the regular expression includes the g flag, the method returns an
Array containing all matches.
Example:
<html><head>
<title>JavaScript String match() Method</title></head>
<body>
var str = "For more information, see Chapter 3.4.5.1";
var re = /(chapter \d+(\.\d)*)/i;
var found = str.match( re );
document.write(found );
This returns the array containing Chapter 3.4.5.1,Chapter 3.4.5.1,.1:
h) replace()
Description:
This method finds a match between a regular expression and a
string, and replaces the matched substring with a new substring.
The replacement string can include the following special
replacement patterns:
==============================================
=========================
70
JavaScript
=======================================================================
Patter
Inserts
n
$$ Inserts a "$".
$& Inserts the matched substring.
Inserts the portion of the string that precedes the

$`
matched substring.
Inserts the portion of the string that follows the

$'
matched substring.
Where n or nn are decimal digits, inserts the nth

$n or
parenthesized submatch string, provided the first
$nn
argument was a RegExp object.
Syntax:
string.replace(regexp/substr, newSubStr/function[, flags]);
 regexp : A RegExp object. The match is replaced by the return
value of parameter #2.
 substr : A String that is to be replaced by newSubStr.
 newSubStr : The String that replaces the substring received from
parameter #1.
 function : A function to be invoked to create the new substring.
 flags : A String containing any combination of the RegExp flags: g
- global match, i - ignore case, m - match over multiple lines. This
parameter is only used if the first parameter is a string.
Return Value:
• It simply returns a new changed string.
Example:
Following example shows how to use the global and ignore
case flags which permits replace to replace each occurrence of
'apples' in the string with 'oranges'.
<html><head>
<title>JavaScript String replace() Method</title></head>
<body>
var re = /apples/gi;
var str = "Apples are round, and apples are juicy.";
var newstr = str.replace(re, "oranges");
document.write(newstr );
Example:
Following example shows how to switch words in a string:
<html><head>
<title>JavaScript String replace() Method</title></head>
<body>
==============================================
=========================
71
JavaScript
=======================================================================
var re = /(\w+)\s(\w+)/;
var str = "Gopi Heera";
var newstr = str.replace(re, "$2, $1");
document.write(newstr);
i) search()
Description:
This method Executes the search for a match between a
regular expression and this String object.
Syntax:
string.search(regexp);
 regexp : A regular expression object. If a non-RegExp object obj
is passed, it is implicitly converted to a RegExp by using new
RegExp(obj)
Return Value:
If successful, search returns the index of the regular expression
inside the string. Otherwise, it returns -1.
Example:
<html><head>
<title>JavaScript String search() Method</title></head>
<body>
var re = /apples/gi;
if ( str.search(re) == -1 ){
document.write("Does not contain Apples" );
}else{
document.write("Contains Apples" );
}
Contains Apples
j) slice()
Description:
This method extracts a section of a string and returns a new string.
Syntax:
string.slice( beginslice [, endSlice] );
 beginSlice : The zero-based index at which to begin extraction.
 endSlice : The zero-based index at which to end extraction. If
omitted, slice extracts to the end of the string.
==============================================
=========================
72
JavaScript
=======================================================================
Note: As a negative index, endSlice indicates an offset from
the end of the string. string.slice(2,-1) extracts the third character
through the second to last character in the string.
Return Value:
If successful, slice returns the index of the regular expression
inside the string. Otherwise, it returns -1.
Example:
<html><head>
<title>JavaScript String slice() Method</title></head>
<body>
var sliced = str.slice(3, -2);
document.write( sliced );
les are round, and apples are juic
k) split()
Description:
This method splits a String object into an array of strings by
separating the string into substrings.
Syntax:
string.split([separator][, limit]);
 separator : Specifies the character to use for separating the
string. If separator is omitted, the array returned contains one
element consisting of the entire string.
 limit : Integer specifying a limit on the number of splits to be
found.
Return Value:
The split method returns the new array. Also, when the string
is empty, split returns an array containing one empty string, rather
than an empty array.
Example:
<html><head>
<title>JavaScript String split() Method</title></head>
<body>
var splitted = str.split(" ", 3);
document.write( splitted );
Apples,are,round,
==============================================
=========================
73
JavaScript
=======================================================================
l) substr()
Description:
This method returns the characters in a string beginning at the
specified location through the specified number of characters.
Syntax:
string.substr(start[, length]);
 start : Location at which to begin extracting characters (an
integer between 0 and one less than the length of the string).
 length : The number of characters to extract.
Note: If start is negative, substr uses it as a character index
from the end of the string.
Return Value:
• The substr method returns the new sub string based on given
parameters.
Example:
<html><head>
<title>JavaScript String substr() Method</title></head>
<body>
var str = "JavaScript material by heera singh. T.";
document.write("(1,2): " + str.substr(1,2));
document.write("<br />(-2,2): " + str.substr(-2,2));
document.write("<br />(1): " + str.substr(1));
document.write("<br />(-20, 2): " + str.substr(-20,2));
document.write("<br />(20, 2): " + str.substr(20,2));
(1,2):av
(-2,2):Ja
(1):avaScript material by heera singh. T.
(-20, 2): Ja
(20, 2): by
m) substring()
Description:
This method returns a subset of a String object.
Syntax:
string.substring(indexA, [indexB])
 indexA : An integer between 0 and one less than the length of
the string.
 indexB : (optional) An integer between 0 and the length of the
string.
Return Value:
• The substring method returns the new sub string based on
given parameters.
==============================================
=========================
74
JavaScript
=======================================================================
Example:
<html><head>
<title>JavaScript String substring() Method</title></head>
<body>
var str = "JavaScript material by heera singh. T.";
document.write("(1,2): " + str.substring(1,2));
document.write("<br />(0,10): " + str.substring(0, 10));
document.write("<br />(5): " + str.substring(5));
(1,2): a
(0,10): JavaScript
(5): cript material by heera singh. T.
n) toLocaleLowerCase()
Description:
This method is used to convert the characters within a string to
lower case while respecting the current locale. For most languages,
this will return the same as toLowerCase.
Syntax:
string.toLocaleLowerCase( )
 NA
Return Value:
• A string into lower case with the current locale.
Example:
<html><head>
<title>JavaScript String toLocaleLowerCase()
Method</title></head>
<body>
var str = " JavaScript material by heera singh. T.";
document.write(str.toLocaleLowerCase( ));
javascript material by heera singh. t.
o) toLocaleUpperCase()
Description:
This method is used to convert the characters within a string to
upper case while respecting the current locale. For most languages,
this will return the same as toUpperCase.
Syntax:
string.toLocaleUpperCase( )
==============================================
=========================
75
JavaScript
=======================================================================
 NA
Return Value:
A string into upper case with the current locale.
Example:
<html><head>
<title>JavaScript String toLocaleUpperCase()
<body>
var str = " JavaScript material by heera singh. T.";
document.write(str.toLocaleUpperCase( ));
JAVASCRIPT MATERIAL BY HEERA SINGH. T.
p) toLowerCase()
Description:
This method returns the calling string value converted to lowercase.
Syntax:
string.toLowerCase( )
• NA
Return Value:
• Returns the calling string value converted to lowercase.
Example:
<html><head>
<title>JavaScript String toLowerCase()
<body>
var str = " JAVASCRIPT MATERIAL BY HEERA SINGH. T.";
document.write(str.toLowerCase( ));

javascript material by heera singh. t.
q) toString()
Description:
This method returns a string representing the specified object.
Syntax:
string.toString( )
==============================================
=========================
76
JavaScript
=======================================================================
• NA
Return Value:
• Returns a string representing the specified object.
Example:
<html><head>
<title>JavaScript String toString() Method</title></head>
<body>
var str = "Apples are round, and Apples are Juicy.";
document.write(str.toString( ));
Apples are round, and Apples are Juicy.
r) toUpperCase()
Description:
This method returns the calling string value converted to uppercase.
Syntax:
string.toUpperCase( )
• NA
Return Value:
• Returns a string representing the specified object.
Example:
<html><head>
<title>JavaScript String toUpperCase()
<body>
var str = "Apples are round, and Apples are Juicy.";
document.write(str.toUpperCase( ));
APPLES ARE ROUND, AND APPLES ARE JUICY.
s) valueOf()
Description:
This method returns the primitive value of a String object.
Syntax:
string.valueOf( )
• NA
Return Value:
==============================================
=========================
77
JavaScript
=======================================================================
• Returns the primitive value of a String object.
Example:
<html><head>
<title>JavaScript String valueOf() Method</title></head>
<body>
var str = new String("Hello world");
document.write(str.valueOf( ));
Hello world
19.6.3 JavaScript Array Object
The Array object let's you store multiple values in a single
variable.
Syntax:
Creating a Array object:
var list = new Array( "three", "four", "five",1,2,3 );
The Array parameter is a list of strings or integers. When you
specify a single numeric parameter with the Array constructor, you
specify the initial length of the array. The maximum length allowed
for an array is 4,294,967,295.
You can create array by simply assigning values as follows:
var list = [ "three", "four", "five",1,2,3 ];
You will use ordinal numbers to access and to set values inside
an array as follows:
list[0] is the first element
list[1] is the second element
list[2] is the third element
Array Properties:
constructo Returns a reference to the array function that

r created the object.
The property represents the zero-based index of

index
the match in the string
This property is only present in arrays created

input
by regular expression matches.
length Reflects the number of elements in an array.
==============================================
=========================
78
JavaScript
=======================================================================
prototype
Array Methods
Method Description
Returns a new array comprised of this array

concat()
joined with other array(s) and/or value(s).
Returns true if every element in this array

every()
satisfies the provided testing function.
Creates a new array with all of the elements of

filter() this array for which the provided filtering
function returns true.
forEach() Calls a function for each element in the array.
Returns the first (least) index of an element

indexOf() within the array equal to the specified value, or
-1 if none is found.
join() Joins all elements of an array into a string.
Returns the last (greatest) index of an element

lastIndexOf() within the array equal to the specified value, or
-1 if none is found.
Creates a new array with the results of calling

map() a provided function on every element in this
array.
Removes the last element from an array and

pop()
returns that element.
Adds one or more elements to the end of an

push()
array and returns the new length of the array.
Apply a function simultaneously against two

reduce() values of the array (from left-to-right) as to
reduce it to a single value.
Apply a function simultaneously against two

reduceRight(
values of the array (from right-to-left) as to
)
reduce it to a single value.
Reverses the order of the elements of an array

reverse() -- the first becomes the last, and the last
becomes the first.
shift() Removes the first element from an array and
==============================================
=========================
79
JavaScript
=======================================================================
returns that element.
Extracts a section of an array and returns a

slice()
new array.
Returns true if at least one element in this

some()
array satisfies the provided testing function.
toSource() Represents the source code of an object
sort() Sorts the elements of an array.
splice() Adds and/or removes elements from an array.
Returns a string representing the array and its

toString()
elements.
Adds one or more elements to the front of an

unshift()
array and returns the new length of the array.
Javascript Array - constructor Property

Description:
This returns a reference to the array function that created the
Syntax:
array.constructor
• NA
Return Value:
Example:
<html><head>
<title>JavaScript Array constructor Property</title></head>
<body>
var arr = new Array( 10, 20, 30 );
document.write("arr.constructor is:" + arr.constructor);
arr.constructor is: function Array() { [native code] }
Javascript Array - length Property

Description:
This returns an unsigned, 32-bit integer that specifies the
number of elements in an array.
Syntax:
==============================================
=========================
80
JavaScript
=======================================================================
array.length
• NA
Return Value:
Returns the length of the array.
Example:
<html><head>
<title>JavaScript Array length Property</title></head>
<body>
var arr = new Array( 10, 20, 30 );
document.write("arr.length is : " + arr.length);
arr.length is : 3
Javascript Array - concat Method

Description:
This returns a new array comprised of this array joined with two or
more arrays.
Syntax:
array.concat(value1, value2, ..., valueN);
• valueN : Arrays and/or values to concatenate to the resulting
array.
Return Value:
Returns the length of the array.
Example:
<html><head>
<title>JavaScript Array concat Method</title></head>
<body>
var alpha = ["a", "b", "c"];
var numeric = [1, 2, 3];
var alphaNumeric = alpha.concat(numeric);
document.write("alphaNumeric : " + alphaNumeric );
alphaNumeric : a,b,c,1,2,3
Javascript Array - every Method

Description:
This method tests whether all elements in the array pass the
test implemented by the provided function.
Syntax:
==============================================
=========================
81
JavaScript
=======================================================================
array.every(callback[, thisObject]);
• callback : Function to test for each element.
• thisObject : Object to use as this when executing callback.
Return Value:
Returns true if every element in this array satisfies the provided
testing function.
Compatibility:
This method is a JavaScript extension to the ECMA-262
standard; as such it may not be present in other implementations of
the standard. To make it work you need to add following code at the
top of your script:
if (!Array.prototype.every)
{
Array.prototype.every = function(fun /*, thisp*/)
{
var len = this.length;
if (typeof fun != "function")
throw new TypeError();
var thisp = arguments[1];
for (var i = 0; i < len; i++)
{
if (i in this &&
!fun.call(thisp, this[i], i, this))
return false;
}
return true;
};
}
Example:
<html><head>
<title>JavaScript Array every Method</title></head>
<body>
if (!Array.prototype.every)
{
Array.prototype.every = function(fun /*, thisp*/)
{
{
if (i in this &&
!fun.call(thisp, this[i], i, this))
return false;
}
return true;
==============================================
=========================
82
JavaScript
=======================================================================
};
}
function isBigEnough(element, index, array) {
return (element >= 10);
}
var passed = [12, 5, 8, 130, 44].every(isBigEnough);
document.write("First Test Value : " + passed );
passed = [12, 54, 18, 130, 44].every(isBigEnough);
document.write("Second Test Value : " + passed );
First Test Value : falseSecond Test Value : true
Javascript Array - filter Method

Description:
This method creates a new array with all elements that pass
the test implemented by the provided function.
Syntax:
array.filter(callback[, thisObject]);
• callback : Function to test each element of the array.
Return Value:
Returns created array.
Compatibility:
top of your script:
if (!Array.prototype.filter)
{
Array.prototype.filter = function(fun /*, thisp*/)
{
var res = new Array();
{
if (i in this)
{
var val = this[i]; // in case fun mutates this
if (fun.call(thisp, val, i, this))
res.push(val);
}
}
return res;
==============================================
=========================
83
JavaScript
=======================================================================
};
}
Example:
<html><head>
<title>JavaScript Array filter Method</title></head>
<body>
if (!Array.prototype.filter)
{
Array.prototype.filter = function(fun /*, thisp*/)
{
var res = new Array();
{
if (i in this)
{
var val = this[i]; // in case fun mutates this
if (fun.call(thisp, val, i, this))
res.push(val);
}
}
return res;
};
}
}
var filtered = [12, 5, 8, 130, 44].filter(isBigEnough);
document.write("Filtered Value : " + filtered );
Filtered Value : 12,130,44
Javascript Array - indexOf Method

Description:
This method returns the first index at which a given element
can be found in the array, or -1 if it is not present.
Syntax:
array.indexOf(searchElement[, fromIndex]);
• searchElement : Element to locate in the array.
• fromIndex : The index at which to begin the search. Defaults to
0, i.e. the whole array will be searched. If the index is greater than
or equal to the length of the array, -1 is returned.
==============================================
=========================
84
JavaScript
=======================================================================
Return Value:
Returns the index of the found element.
Compatibility:
top of your script:
if (!Array.prototype.indexOf)
{
Array.prototype.indexOf = function(elt /*, from*/)
{
var from = Number(arguments[1]) || 0;
from = (from < 0)
? Math.ceil(from)
: Math.floor(from);
if (from < 0)
from += len;
for (; from < len; from++)
{
if (from in this &&
this[from] === elt)
return from;
}
return -1;
};
}
Example:
<html><head>
<title>JavaScript Array indexOf Method</title></head>
<body>
if (!Array.prototype.indexOf)
{
Array.prototype.indexOf = function(elt /*, from*/)
{
var from = Number(arguments[1]) || 0;
from = (from < 0)
? Math.ceil(from)
: Math.floor(from);
if (from < 0)
from += len;
for (; from < len; from++)
{
if (from in this &&
this[from] === elt)
return from;
}
return -1;
==============================================
=========================
85
JavaScript
=======================================================================
};
}
var index = [12, 5, 8, 130, 44].indexOf(8);
document.write("index is : " + index );
var index = [12, 5, 8, 130, 44].indexOf(13);
document.write("<br />index is : " + index );
index is : 2
index is : -1
Javascript Array - join Method

Description:
This method joins all elements of an array into a string.
Syntax:
array.join(separator);
• separator : Specifies a string to separate each element of
the array. If omitted, the array elements are separated with
a comma.
Return Value:
Returns a string after joining all the array elements.
Example:
<html><head>
<title>JavaScript Array join Method</title></head>
<body>
var arr = new Array("First","Second","Third");
var str = arr.join();
document.write("str : " + str );
var str = arr.join(", ");
document.write("<br />str : " + str );
var str = arr.join(" + ");
document.write("<br />str : " + str );
str : First,Second,Third
str : First, Second, Third
str : First + Second + Third
Javascript Array - lastIndexOf Method

Description:
This method returns the last index at which a given element
can be found in the array, or -1 if it is not present. The array is
searched backwards, starting at fromIndex.
Syntax:
==============================================
=========================
86
JavaScript
=======================================================================
array.lastIndexOf(searchElement[, fromIndex]);
• searchElement : Element to locate in the array.
• fromIndex : The index at which to start searching backwards.
Defaults to the array's length, i.e. the whole array will be
searched. If the index is greater than or equal to the length of the
array, the whole array will be searched. If negative, it is taken as
the offset from the end of the array.
Return Value:
Returns index of the found element from the last.
Compatibility:
top of your script:
if (!Array.prototype.lastIndexOf)
{
Array.prototype.lastIndexOf = function(elt /*, from*/)
{
var from = Number(arguments[1]);
if (isNaN(from))
{
from = len - 1;
}
else
{
from = (from < 0)
? Math.ceil(from)
: Math.floor(from);
if (from < 0)
from += len;
else if (from >= len)
from = len - 1;
}
for (; from > -1; from--)
{
if (from in this &&
this[from] === elt)
return from;
}
return -1;
};
}
Example:
<html><head>
<title>JavaScript Array lastIndexOf Method</title></head>
<body>
==============================================
=========================
87
JavaScript
=======================================================================
if (!Array.prototype.lastIndexOf)
{
Array.prototype.lastIndexOf = function(elt /*, from*/)
{
var from = Number(arguments[1]);

if (isNaN(from))
{
from = len - 1;
}
else
{
from = (from < 0)
? Math.ceil(from)
: Math.floor(from);
if (from < 0)
from += len;
else if (from >= len)
from = len - 1;
}
for (; from > -1; from--)
{
if (from in this &&
this[from] === elt)
return from;
}
return -1;
};
}
var index = [12, 5, 8, 130, 44].lastIndexOf(8);
document.write("index is : " + index );
var index = [12, 5, 8, 130, 44, 5].lastIndexOf(5);
document.write("<br />index is : " + index );
index is : 2
index is : 5
Javascript Array - map Method

Description:
This method creates a new array with the results of calling a
provided function on every element in this array.
Syntax:
array.map(callback[, thisObject]);
• callback : Function that produces an element of the new Array
from an element of the current one.
==============================================
=========================
88
JavaScript
=======================================================================
Return Value:
Returns created array.
Compatibility:
top of your script:
if (!Array.prototype.map)
{
Array.prototype.map = function(fun /*, thisp*/)
{
var res = new Array(len);
{
if (i in this)
res[i] = fun.call(thisp, this[i], i, this);
}
return res;
};
}
Example:
<html><head>
<title>JavaScript Array map Method</title></head>
<body>
if (!Array.prototype.map)
{
Array.prototype.map = function(fun /*, thisp*/)
{
var res = new Array(len);
{
if (i in this)
res[i] = fun.call(thisp, this[i], i, this);
}
return res;
};
}
var numbers = [1, 4, 9];
var roots = numbers.map(Math.sqrt);
document.write("roots is : " + roots );
==============================================
=========================
89
JavaScript
=======================================================================
roots is : 1,2,3
Javascript Array - pop Method

Description:
This method removes the last element from an array and returns that
element.
Syntax:
array.pop();
• NA
Return Value:
Returns the removed element from the array.
Example:
<html><head>
<title>JavaScript Array pop Method</title></head>
<body>
var numbers = [1, 4, 9];
var element = numbers.pop();
document.write("element is : " + element );
var element = numbers.pop();
document.write("<br />element is : " + element );
element is : 9
element is : 4
Javascript Array - push Method

Description:
This method appends the given element(s) in the last of the
array and returns the length of the new array.
Syntax:
array.push(element1, ..., elementN);
• element1, ..., elementN: The elements to add to the end of the
array.
Return Value:
Returns the length of the new array.
Example:
<html><head>
<title>JavaScript Array push Method</title></head>
<body>
==============================================
=========================
90
JavaScript
=======================================================================
var numbers = new Array(1, 4, 9);
var length = numbers.push(10);
document.write("new numbers is : " + numbers );
length = numbers.push(20);
document.write("<br />new numbers is : " + numbers );
new numbers is : 1,4,9,10

new numbers is : 1,4,9,10,20
Javascript Array - reduce Method

Description:
This method applies a function simultaneously against two
values of the array (from left-to-right) as to reduce it to a single
value.
Syntax:
array.reduce(callback[, initialValue]);

• callback : Function to execute on each value in the array.
• initialValue : Object to use as the first argument to the first call
of the callback.
Return Value:
Returns the reduced single value of the array.
Compatibility:
top of your script:
if (!Array.prototype.reduce)
{
Array.prototype.reduce = function(fun /*, initial*/)
{
// no value to return if no initial value and an empty array
if (len == 0 && arguments.length == 1)
var i = 0;
if (arguments.length >= 2)
{
var rv = arguments[1];
}
else
==============================================
=========================
91
JavaScript
=======================================================================
{
do
{
if (i in this)
{
rv = this[i++];
break;
}
// if array contains no values, no initial value to return
if (++i >= len)
}
while (true);
}
for (; i < len; i++)
{
if (i in this)
rv = fun.call(null, rv, this[i], i, this);
}
return rv;
};
}
Example:
<html><head>
<title>JavaScript Array reduce Method</title></head>
<body>
if (!Array.prototype.reduce)
{
Array.prototype.reduce = function(fun /*, initial*/)
{
// no value to return if no initial value and an empty array
var i = 0;
{
}
else
{
do
{
if (i in this)
{
rv = this[i++];
break;
==============================================
=========================
92
JavaScript
=======================================================================
}
if (++i >= len)
}
while (true);
}
for (; i < len; i++)
{
if (i in this)
}
return rv;
};
}
var total = [0, 1, 2, 3].reduce(function(a, b){ return a +
b; });
document.write("total is : " + total );

total is : 6
Javascript Array - reduceRight Method

Description:
This method applies a function simultaneously against two
values of the array (from right-to-left) as to reduce it to a single
value.
Syntax:
array.reduceRight(callback[, initialValue]);
• callback : Function to execute on each value in the array.
• initialValue : Object to use as the first argument to the first call
of the callback.
Return Value:
Returns the reduceRightd single value of the array.
Compatibility:
top of your script:
if (!Array.prototype.reduceRight)
{
Array.prototype.reduceRight = function(fun /*, initial*/)
{
==============================================
=========================
93
JavaScript
=======================================================================
// no value to return if no initial value, empty array
var i = len - 1;
{
}
else
{
do
{
if (i in this)
{
rv = this[i--];
break;
}
if (--i < 0)
}
while (true);
}
for (; i >= 0; i--)
{
if (i in this)
}
return rv;
};
}
Example:
<html><head>
<title>JavaScript Array reduceRight Method</title></head>
<body>
if (!Array.prototype.reduceRight)
{
Array.prototype.reduceRight = function(fun /*, initial*/)
{
// no value to return if no initial value, empty array
var i = len - 1;
==============================================
=========================
94
JavaScript
=======================================================================
{
}
else
{
do
{
if (i in this)
{
rv = this[i--];
break;
}
if (--i < 0)
}
while (true);
}
for (; i >= 0; i--)
{
if (i in this)
}
return rv;
};
}
var total = [0, 1, 2, 3].reduceRight(function(a, b)
{ return a + b; });
document.write("total is : " + total );
total is : 6
Javascript Array - reverse Method

Description:
This method reverses the element of an array. The first array
element becomes the last and the last becomes the first.
Syntax:
array.reverse();
• NA
Return Value:
Returns the reversed single value of the array.
Example:
<html><head>
==============================================
=========================
95
JavaScript
=======================================================================
<title>JavaScript Array reverse Method</title></head>
<body>
var arr = [0, 1, 2, 3].reverse();
document.write("Reversed array is : " + arr );

Reversed array is : 3,2,1,0
Javascript Array - shift Method

Description:
This method removes the first element from an array and returns that
element.
Syntax:
array.shift();
• NA
Return Value:
Returns the removed single value of the array.
Example:
<html><head>
<title>JavaScript Array shift Method</title</head>
<body>
var element = [105, 1, 2, 3].shift();
document.write("Removed element is : " + element );

Removed element is : 105
Javascript Array - some Method

Description:
This method tests whether some element in the array passes
the test implemented by the provided function.
Syntax:
array.some(callback[, thisObject]);
callback : Function to test for each element.
thisObject : Object to use as this when executing callback.
Return Value:
If some element pass the test then it returns true otherwise false.
Compatibility:
==============================================
=========================
96
JavaScript
=======================================================================
top of your script:
if (!Array.prototype.some)
{
Array.prototype.some = function(fun /*, thisp*/)
{
{
if (i in this &&
fun.call(thisp, this[i], i, this))
return true;
}
return false;
};
}
Example:
<html><head>
<title>JavaScript Array some Method</title></head>
<body>
if (!Array.prototype.some)
{
Array.prototype.some = function(fun /*, thisp*/)
{
{
if (i in this &&
fun.call(thisp, this[i], i, this))
return true;
}
return false;
};
}
}
var retval = [2, 5, 8, 1, 4].some(isBigEnough);
document.write("Returned value is : " + retval );
var retval = [12, 5, 8, 1, 4].some(isBigEnough);
==============================================
=========================
97
JavaScript
=======================================================================
document.write("<br />Returned value is : " + retval );

Returned value is : false
Returned value is : true
Javascript Array - sort Method

Description:
This method sorts the elements of an array.
Syntax:
array.sort( compareFunction );
• compareFunction : Specifies a function that defines the sort
order. If omitted, the array is sorted lexicographically.
Return Value:
Returns a sorted array.
Example:
<html><head>
<title>JavaScript Array sort Method</title></head>
<body>
var arr = new Array("orange", "mango", "banana", "sugar");
var sorted = arr.sort();
document.write("Returned string is : " + sorted );

Returned array is : banana,mango,orange,sugar
Javascript Array - splice Method

Description:
This method changes the content of an array, adding new
elements while removing old elements.
Syntax:
array.splice(index, howMany, [element1][, ..., elementN]);
• index : Index at which to start changing the array.
• howMany : An integer indicating the number of old array
elements to remove. If howMany is 0, no elements are removed.
• element1, ..., elementN : The elements to add to the array. If
you don't specify any elements, splice simply removes elements
from the array.
Return Value:
Returns the extracted array based on the passed parameters.
==============================================
=========================
98
JavaScript
=======================================================================
Example:
<html><head>
<title>JavaScript Array splice Method</title></head>
<body>
var arr = ["orange", "mango", "banana", "sugar", "tea"];
var removed = arr.splice(2, 0, "water");
document.write("After adding 1: " + arr );
document.write("<br />removed is: " + removed);
removed = arr.splice(3, 1);
document.write("<br />After adding 1: " + arr );
document.write("<br />removed is: " + removed);

After adding 1: orange,mango,water,banana,sugar,tea
removed is:
After adding 1: orange,mango,water,sugar,tea
removed is: banana
Javascript Array - toSource Method

Description:
This method returns a string representing the source code of
the array. This method is supported by Mozilla.
Syntax:
array.toSource();
• NA
Return Value:
Returns a string representing the source code of the array.
Example:
<html><head>
<title>JavaScript Array toSource Method</title></head>
<body><script type="text/javascript">
var arr = new Array("orange", "mango", "banana", "sugar");
var str = arr.toSource();
document.write("Returned string is : " + str );

Returned string is : ["orange", "mango", "banana", "sugar"]
==============================================
=========================
99
JavaScript
=======================================================================
String HTML wrappers
Here is a list of each method which returns a copy of the string
wrapped inside the appropriate HTML tag.
Method Description
Creates an HTML anchor that is used as a

anchor()
hypertext target.
Creates a string to be displayed in a big font as if

big()
it were in a <big> tag.
Creates a string to blink as if it were in a <blink>

blink()
tag.
Creates a string to be displayed as bold as if it

bold()
were in a <b> tag.
Causes a string to be displayed in fixed-pitch font

fixed()
as if it were in a <tt> tag
fontcolor( Causes a string to be displayed in the specified

) color as if it were in a <font color="color"> tag.
Causes a string to be displayed in the specified

fontsize()
font size as if it were in a <font size="size"> tag.
Causes a string to be italic, as if it were in an <i>

italics()
tag.
Creates an HTML hypertext link that requests

link()
another URL.
Causes a string to be displayed in a small font, as

small()
if it were in a <small> tag.
Causes a string to be displayed as struck-out text,

strike()
as if it were in a <strike> tag.
Causes a string to be displayed as a subscript, as

sub()
if it were in a <sub> tag
Causes a string to be displayed as a superscript,

sup()
as if it were in a <sup> tag
JavaScript - The Date Object
The Date object is a datatype built into the JavaScript

language. Date objects are created with the new Date( ) as shown
below.
==============================================
=========================
100
JavaScript
=======================================================================
Once a Date object is created, a number of methods allow you
to operate on it. Most methods simply allow you to get and set the
year, month, day, hour, minute, second, and millisecond fields of the
object, using either local time or UTC (universal, or GMT) time.
The ECMAScript standard requires the Date object to be able to

represent any date and time, to millisecond precision, within 100
million days before or after 1/1/1970. This is a range of plus or minus
273,785 years, so the JavaScript is able to represent date and time till
year 275755.
Syntax:
Here are different variant of Date() constructor:
new Date( )
new Date(milliseconds)
new Date(datestring)
new Date(year,month,date[,hour,minute,second,millisecond ])
Note: Paramters in the brackets are always optional
Here is the description of the parameters:
• No Argument: With no arguments, the Date( ) constructor creates a

Date object set to the current date and time.
•
• milliseconds: When one numeric argument is passed, it is taken as
the internal numeric representation of the date in milliseconds, as
returned by the getTime( ) method. For example, passing the
argument 5000 creates a date that represents five seconds past
midnight on 1/1/70.
•
• datestring:When one string argument is passed, it is a string
representation of a date, in the format accepted by the Date.parse( )
method.
•
• 7 agruments: To use the last form of constructor given above, Here
is the description of each argument:
•
1. year: Integer value representing the year. For compatibility (in
order to avoid the Y2K problem), you should always specify the
year in full; use 1998, rather than 98.
2. month: Integer value representing the month, beginning with
0 for January to 11 for December.
3. date: Integer value representing the day of the month.
4. hour: Integer value representing the hour of the day (24-hour
scale).
5. minute: Integer value representing the minute segment of a
time reading.
==============================================
=========================
101
JavaScript
=======================================================================
6. second: Integer value representing the second segment of a
time reading.
7. millisecond: Integer value representing the millisecond
segment of a time reading.
19.6.5.1 Date Properties:
1) constructor Specifies the function that creates
an object's prototype.
2) prototype The prototype property allows you
to add properties and methods to
an object.
1) JavaScript Date - constructor Property

Description:
Syntax:
date.constructor
• NA
Return Value:
Example:
<html><head>
<title>JavaScript Date constructor
Property</title></head>
<body>
var dt = new Date();
document.write("dt.constructor is : " + dt.constructor);

dt.constructor is: function Date() { [native code] }
19.6.5.2 Date Methods:
Method Description
==============================================
=========================
102
JavaScript
=======================================================================
Date() Returns today's date and time
getDate() Returns the day of the month for the specified date
according to local time.
getDay() Returns the day of the week for the specified date
getFullYear( Returns the year of the specified date according to
) local time.
getHours() Returns the hour in the specified date according to
local time.
getMilliseco Returns the milliseconds in the specified date
nds() according to local time.
getMinutes( Returns the minutes in the specified date according
) to local time.
getMonth() Returns the month in the specified date according
to local time.
getSeconds( Returns the seconds in the specified date according
) to local time.
getTime() Returns the numeric value of the specified date as
the number of milliseconds since January 1, 1970,
00:00:00 UTC.
getTimezon Returns the time-zone offset in minutes for the
eOffset() current locale.
getUTCDate Returns the day (date) of the month in the specified
() date according to universal time.
getUTCDay( Returns the day of the week in the specified date
) according to universal time.
getUTCFullY Returns the year in the specified date according to
ear() universal time.
getUTCHour Returns the hours in the specified date according to
s() universal time.
getUTCMillis Returns the milliseconds in the specified date
econds() according to universal time.
getUTCMinu Returns the minutes in the specified date according
tes() to universal time.
getUTCMont Returns the month in the specified date according
h() to universal time.
getUTCSeco Returns the seconds in the specified date according
nds() to universal time.
getYear() Deprecated - Returns the year in the specified
==============================================
=========================
103
JavaScript
=======================================================================
date according to local time. Use getFullYear
instead.
setDate() Sets the day of the month for a specified date
setFullYear( Sets the full year for a specified date according to
) local time.
setHours() Sets the hours for a specified date according to
local time.
setMilliseco Sets the milliseconds for a specified date according
nds() to local time.
setMinutes( Sets the minutes for a specified date according to
) local time.
setMonth() Sets the month for a specified date according to
local time.
setSeconds( Sets the seconds for a specified date according to
) local time.
setTime() Sets the Date object to the time represented by a
number of milliseconds since January 1, 1970,
00:00:00 UTC.
setUTCDate Sets the day of the month for a specified date
() according to universal time.
setUTCFullY Sets the full year for a specified date according to
ear() universal time.
setUTCHour Sets the hour for a specified date according to
s() universal time.
setUTCMillis Sets the milliseconds for a specified date according
econds() to universal time.
setUTCMinu Sets the minutes for a specified date according to
tes() universal time.
setUTCMont Sets the month for a specified date according to
h() universal time.
setUTCSeco Sets the seconds for a specified date according to
nds() universal time.
setYear() Deprecated - Sets the year for a specified date

according to local time. Use setFullYear instead.
toDateStrin Returns the "date" portion of the Date as a human-
g() readable string.
toGMTStrin Deprecated - Converts a date to a string, using
g() the Internet GMT conventions. Use toUTCString
instead.
==============================================
=========================
104
JavaScript
=======================================================================
toLocaleDat Returns the "date" portion of the Date as a string,
eString() using the current locale's conventions.
toLocaleFor Converts a date to a string, using a format string.
mat()
toLocaleStri Converts a date to a string, using the current
ng() locale's conventions.
toLocaleTim Returns the "time" portion of the Date as a string,
eString() using the current locale's conventions.
toSource() Returns a string representing the source for an
equivalent Date object; you can use this value to
create a new object.
toString() Returns a string representing the specified Date
object.
toTimeStrin Returns the "time" portion of the Date as a human-
g() readable string.
toUTCString Converts a date to a string, using the universal time
() convention.
valueOf() Returns the primitive value of a Date object.
Date Static Methods:

In addition to the many instance methods listed previously, the
Date object also defines two static methods. These methods are
invoked through the Date( ) constructor itself:
Method Description
Parses a string representation of a date and time
Date.parse( ) and returns the internal millisecond representation
of that date.
Returns the millisecond representation of the
Date.UTC( )
specified UTC date and time.
1) Javascript Date - getDate Method
Description:
This returns the day of the month for the specified date according to
local time. The value returned by getDate is an integer between 1
and 31.
Syntax:
Date.getDate()
NA
Return Value:
Returns today's date and time
==============================================
=========================
105
JavaScript
=======================================================================
Example:
<html><head>
<title>JavaScript getDate
<body>
var dt = new Date("December 25, 1995
23:15:00");
document.write("getDate() : " +
dt.getDate() );

getDate() : 25
Javascript Date - getDay Method

Description:
This returns the day of the week for the specified date according to
local time.The value returned by getDay is an integer corresponding
to the day of the week: 0 for Sunday, 1 for Monday, 2 for Tuesday,
and so on.
Syntax:
Date.getDay()
• NA
Return Value:
Returns the day of the week for the specified date according to local
time.
Example:
<html><head>
<title>JavaScript getDay
<body>
var dt = new Date("December 25, 1995
23:15:00");
document.write("getDay() : " + dt.getDay() );
getDay() : 1
2) Javascript Date - getDay Method
==============================================
=========================
106
JavaScript
=======================================================================
Description:
This returns the day of the week for the specified date according to
local time.The value returned by getDay is an integer corresponding
to the day of the week: 0 for Sunday, 1 for Monday, 2 for Tuesday, and
so on.
Syntax:
Date.getDay()
• NA
Return Value:
Returns the day of the week for the specified date according to local
time.
Example:
<html><head>
<title>JavaScript getDay Method</title></head>
<body>
var dt = new Date("December 25, 1995 23:15:00");
document.write("getDay() : " + dt.getDay() );
getDay() : 1
Javascript Date - getFullYear Method
Description:
This returns the year of the specified date according to local

time. The value returned by getFullYear is an absolute number. For
dates between the years 1000 and 9999, getFullYear returns a four-
digit number, for example, 2008.
Syntax:
Date.getFullYear()
==============================================
=========================
107
JavaScript
=======================================================================
•NA
Return Value:
Returns the year of the specified date according to local time.
Example:
<html><head>
<title>JavaScript getFullYear Method</title></head>
<body>
document.write("getFullYear() : " + dt.getFullYear() );
getFullYear() : 1995
Javascript Date - getHours Method

Description:
This returns the hour in the specified date according to local
time. The value returned by getHours is an integer between 0 and
23.
Syntax:
Date.getHours()
•NA
Return Value:
Returns the hour in the specified date according to local time.
Example:
<html><head>
<title>JavaScript getHours Method</title></head>
<body>
document.write("getHours() : " + dt.getHours() );
getHours() : 23
Javascript Date - getMilliseconds Method

Description:
==============================================
=========================
108
JavaScript
=======================================================================
This returns the milliseconds in the specified date according to local
time. The value returned by getMilliseconds is a number between 0
and 999.
Syntax:
Date.getMilliseconds()
•NA
Return Value:
Returns the milliseconds in the specified date according to local time.
Example:
<html><head>
<title>JavaScript getMilliseconds Method</title></head>
<body>
var dt = new Date( );
document.write("getMilliseconds() : " + dt.getMilliseconds() );
getMilliseconds() : 578
Javascript Date - getMinutes Method

Description:
This returns the minutes in the specified date according to local time.
The value returned by getMinutes is an integer between 0 and 59.
Syntax:
Date.getMinutes()
•NA
Return Value:
Returns the minutes in the specified date according to local time.
Example:
<html><head>
<title>JavaScript getMinutes Method</title></head>
<body>
var dt = new Date( "December 25, 1995 23:15:00" );
document.write("getMinutes() : " + dt.getMinutes() );
==============================================
=========================
109
JavaScript
=======================================================================
getMinutes() : 15
Javascript Date - getMonth Method

Description:
This returns the month in the specified date according to local
time. The value returned by getMonth is an integer between 0 and
11. 0 corresponds to January, 1 to February, and so on.
Syntax:
Date.getMonth()
•NA
Return Value:
Returns the month in the specified date according to local time.
Example:
<html><head>
<title>JavaScript getMonth Method</title></head>
<body>
document.write("getMonth() : " + dt.getMonth() );
getMonth() : 11
Javascript Date - getSeconds Method

Description:
This returns the seconds in the specified date according to local time.
The value returned by getSeconds is an integer between 0 and 59.
Syntax:
Date.getSeconds()
•NA
Return Value:
Returns the seconds in the specified date according to local time.
Example:
==============================================
=========================
110
JavaScript
=======================================================================
<html><head>
<title>JavaScript getSeconds Method</title></head>
<body>
document.write("getSeconds() : " + dt.getSeconds() );
getSeconds() : 20
Javascript Date - getTime Method

Description:
This returns the numeric value corresponding to the time for
the specified date according to universal time. The value returned by
the getTime method is the number of milliseconds since 1 January
1970 00:00:00.
Syntax:
Date.getTime()
•NA
Return Value:
Returns the numeric value corresponding to the time for the specified
date according to universal time.
Example:
<html><head>
<title>JavaScript getTime Method</title></head>
<body>
document.write("getTime() : " + dt.getTime() );
getTime() : 819913520000
Javascript Date - getYear Method

Description:
This returns the year in the specified date according to
universal time. The getYear is no longer used and has been replaced
by the getFullYear method.
==============================================
=========================
111
JavaScript
=======================================================================
The value returned by getYear is the current year minus 1900.

JavaScript 1.2 and earlier eturns either a 2-digit or 4-digit year, for
example if the year is 2026, the value returned is 2026. So before
testing this function make sure the version about the javascript
version.
Syntax:
Date.getYear()
•NA
Return Value:
Returns the year in the specified date according to universal time.
Example:
<html><head>
<title>JavaScript getYear Method</title></head>
<body>
var dt = new Date();
document.write("getYear() : " + dt.getYear() );
This will produce following result for the year 2008 :
getYear() : 208
Javascript Date - parse Method

Description:
This method takes a date string and returns the number of
milliseconds since midnight of January 1, 1970.
Syntax:
Date.parse(datestring)
Note: Paramters in the bracket are always optional

•datestring : A string representing a date
Return Value:
Number of milliseconds since midnight of January 1, 1970.
Example:
<html><head>
<title>JavaScript parse Method</title></head>
<body>
==============================================
=========================
112
JavaScript
=======================================================================
var msecs = Date.parse("Jul 8, 2008");
document.write( "Number of milliseconds from 1970: " +
msecs );
This will produce following result :
Number of milliseconds from 1970: 1215455400000
Javascript Date - setDate Method

Description:
This method sets the day of the month for a specified date according
to local time.
Syntax:
Date.setDate( dayValue )
•dayValue : An integer from 1 to 31, representing the day of the
month.
Return Value:
NA
Example:
The second statement below changes the day to Aug 24 from its
original value.
<html><head>
<title>JavaScript setDate Method</title></head>
<body>
var dt = new Date( "Aug 28, 2008 23:30:00" );
dt.setDate( 24 );
document.write( dt );
This will produce following result :
Sun Aug 24 23:30:00 UTC+0530 2008
Javascript Date Method

Description:
This returns today's date and time and does not need any object to be
called
==============================================
=========================
113
JavaScript
=======================================================================
Syntax:
Date()
•NA
Return Value:
Returns today's date and time
Example:
<html><head>
<title>JavaScript Date Method</title></head>
<body>
var dt = Date();
document.write("Date and Time : " + dt );
Date and Time : Wed Aug 27 2008 20:12:50 GMT+0530

(India Standard Time)
19.6.6 Javascript - The Math Object

The math object provides you properties and methods for
mathematical constants and functions.
Unlike the other global objects, Math is not a constructor. All
properties and methods of Math are static and can be called by using
Math as an object without creating it.
Thus, you refer to the constant pi as Math.PI and you call the sine
function as Math.sin(x), where x is the method's argument.
Syntax:
Here is the simple syntax to call properties and methods of Math.
var pi_val = Math.PI;

var sine_val = Math.sin(30);
Math Properties:
Euler's constant and the base of natural

E
logarithms, approximately 2.718.
LN2 Natural logarithm of 2, approximately 0.693.
==============================================
=========================
114
JavaScript
=======================================================================
LN10 Natural logarithm of 10, approximately 2.302.
LOG2E Base 2 logarithm of E, approximately 1.442.
LOG10E Base 10 logarithm of E, approximately 0.434.
Ratio of the circumference of a circle to its

PI
diameter, approximately 3.14159.
Square root of 1/2; equivalently, 1 over the

SQRT1_2
square root of 2, approximately 0.707.
SQRT2 Square root of 2, approximately 1.414.
Math Methods
Method Description
abs() Returns the absolute value of a number.
acos() Returns the arccosine (in radians) of a number.
asin() Returns the arcsine (in radians) of a number.
atan() Returns the arctangent (in radians) of a number.
Returns the arctangent of the quotient of its

atan2()
arguments.
Returns the smallest integer greater than or

ceil()
equal to a number.
cos() Returns the cosine of a number.
Returns EN, where N is the argument, and E is

exp() Euler's constant, the base of the natural
logarithm.
Returns the largest integer less than or equal to

floor()
a number.
Returns the natural logarithm (base E) of a

log()
number.
max() Returns the largest of zero or more numbers.
min() Returns the smallest of zero or more numbers.
Returns base to the exponent power, that is,

pow()
base exponent.
Returns a pseudo-random number between 0

random()
and 1.
==============================================
=========================
115
JavaScript
=======================================================================
Returns the value of a number rounded to the
round()
nearest integer.
sin() Returns the sine of a number.
sqrt() Returns the square root of a number.
tan() Returns the tangent of a number.
toSource() Returns the string "Math".
Javascript Math - abs Method

Description:
This method returns the absolute value of a number.
Syntax:
Math.abs( x ) ;
• x : A number.
Return Value:
Returns the absolute value of a number.
Example:
<html><head>
<title>JavaScript Math abs() Method</title></head>
<body>
var value = Math.abs(-1);
document.write("First Test Value : " + value );
var value = Math.abs(null);
document.write("<br />Second Test Value : " + value );
var value = Math.abs(20);
document.write("<br />Third Test Value : " + value );
var value = Math.abs("string");
document.write("<br />Fourth Test Value : " + value );

First Test Value : 1
Second Test Value : 0
Third Test Value : 20
Fourth Test Value : NaN
Javascript Math - acos Method

Description:
==============================================
=========================
116
JavaScript
=======================================================================
This method returns the arccosine in radians of a number. The acos
method returns a numeric value between 0 and pi radians for x
between -1 and 1. If the value of number is outside this range, it
returns NaN.
Syntax:
Math.acos( x ) ;
• x : A number.
Return Value:
Returns the arccosine in radians of a number.
Example:
<html><head>
<title>JavaScript Math acos() Method</title></head>
<body>
var value = Math.acos(-1);
var value = Math.acos(null);
var value = Math.acos(30);
var value = Math.acos("string");
First Test Value : 3.141592653589793

Second Test Value : 1.5707963267948965
Third Test Value : NaN
Javascript Math - asin Method

Description:
This method returns the arcsine in radians of a number. The asin
method returns a numeric value between -pi/2 and pi/2 radians for x
between -1 and 1. If the value of number is outside this range, it
returns NaN.
Syntax:
Math.asin( x ) ;

• x : A number.
Return Value:
==============================================
=========================
117
JavaScript
=======================================================================
Returns the arcsine in radians of a number.
Example:
<html><head>
<title>JavaScript Math asin() Method</title></head>
<body>
var value = Math.asin(-1);
var value = Math.asin(null);
var value = Math.asin(30);
var value = Math.asin("string");
First Test Value : -1.5707963267948965

Third Test Value : NaN
Javascript Math - atan2 Method

Description:
This method returns the arctangent of the quotient of its arguments.
The atan2 method returns a numeric value between -pi and pi
representing the angle theta of an (x,y) point.
Syntax:
Math.atan2( x, y ) ;
• x and y : Numbers.
Return Value:
Returns the arctangent in radians of a number.
Math.atan2 ( ±0, -0 ) returns ±PI.

Math.atan2 ( ±0, +0 ) returns ±0.
Math.atan2 ( ±0, -x ) returns ±PI for x < 0.
Math.atan2 ( ±0, x ) returns ±0 for x > 0.
Math.atan2 ( y, ±0 ) returns -PI/2 for y > 0.
Math.atan2 ( ±y, -Infinity ) returns ±PI for finite y > 0.
Math.atan2 ( ±y, +Infinity ) returns ±0 for finite y > 0.
Math.atan2 ( ±Infinity, +x ) returns ±PI/2 for finite x.
Math.atan2 ( ±Infinity, -Infinity ) returns ±3*PI/4.
Math.atan2 ( ±Infinity, +Infinity ) returns ±PI/4.
==============================================
=========================
118
JavaScript
=======================================================================
Example:
<html><head>
<title>JavaScript Math atan2() Method</title></head>
<body>
var value = Math.atan2(90,15);
var value = Math.atan2(15,90);
var value = Math.atan2(0, -0);
var value = Math.atan2(+Infinity, -Infinity);
First Test Value : 1.4056476493802698

Third Test Value : 3.141592653589793
Fourth Test Value : 2.356194490192345
Javascript Math - atan Method

Description:
This method returns the arctangent in radians of a number. The atan
method returns a numeric value between -pi/2 and pi/2 radians.
Syntax:
Math.atan( x ) ;
• x : A number.
Return Value:
Returns the arctangent in radians of a number.
Example:
<html><head>
<title>JavaScript Math atan() Method</title></head>
<body>
var value = Math.atan(-1);
var value = Math.atan(.5);
var value = Math.atan(30);
var value = Math.atan("string");
==============================================
=========================
119
JavaScript
=======================================================================
First Test Value : -0.7853981633974483

Third Test Value : 1.5374753309166493
Javascript Math - ceil Method

Description:
This method returns the smallest integer greater than or equal to a
number.
Syntax:
Math.ceil( x ) ;
• x : A numbers.
Return Value:
Returns the smallest integer greater than or equal to a number.
Example:
<html><head>
<title>JavaScript Math ceil() Method</title></head>
<body>
var value = Math.ceil(45.95);
var value = Math.ceil(45.20);
var value = Math.ceil(-45.95);
var value = Math.ceil(-45.20);

First Test Value : 46
==============================================
=========================
120
JavaScript
=======================================================================
Third Test Value : -45
Fourth Test Value : -45
Javascript Math - cos Method

Description:
This method returns the cosine of a number. The cos method returns a
numeric value between -1 and 1, which represents the cosine of the
angle.
Syntax:
Math.cos( x ) ;
• x : A numbers.
Return Value:
Returns the cosine of a number.
Example:
<html><head>
<title>JavaScript Math cos() Method</title></head>
<body>
var value = Math.cos(90);
var value = Math.cos(30);
var value = Math.cos(-1);
var value = Math.cos(2*Math.PI);
First Test Value : -0.4480736161291701

Third Test Value : 0.5403023058681398
Fourth Test Value : 1
19.6.7. Regular Expressions and RegExp Object

A regular expression is an object that describes a pattern of
characters.
The JavaScript RegExp class represents regular expressions,
and both String and RegExp define methods that use regular
expressions to perform powerful pattern-matching and search-and-
replace functions on text.
==============================================
=========================
121
JavaScript
=======================================================================
Syntax:
A regular expression could be defined with the RegExp( ) constructor
like this:
var pattern = new RegExp(pattern, attributes);

or simply
var pattern = /pattern/attributes;
Here is the description of the parameters:
• pattern: A string that specifies the pattern of the regular expression
or another regular expression.
• attributes: An optional string containing any of the "g", "i", and "m"
attributes that specify global, case-insensitive, and multiline matches,
respectively.
Brackets: Brackets ([]) have a special meaning when used in the
context of regular expressions. They are used to find a range of
characters.
Expression Description
[...] Any one character between the brackets.
[^...] Any one character not between the brackets.
[0-9] It matches any decimal digit from 0 through 9.
It matches any character from lowercase a

[a-z]
through lowercase z.
It matches any character from uppercase A

[A-Z]
through uppercase Z.
It matches any character from lowercase a

[a-Z]
through uppercase Z.
The ranges shown above are general; you could also use the
range [0-3] to match any decimal digit ranging from 0 through 3, or
the range [b-v] to match any lowercase character ranging from b
through v.
Quantifiers:
The frequency or position of bracketed character sequences
and single characters can be denoted by a special character. Each
pecial character having a specific connotation. The +, *, ?, and $ flags
all follow a character sequence.
p+ It matches any string containing at least one p.
p* It matches any string containing zero or more
==============================================
=========================
122
JavaScript
=======================================================================
p's.
It matches any string containing one or more

p?
p's.
It matches any string containing a sequence of

p{N}
N p's

p{2,3}
two or three p's.

p{2, }
at least two p's.
p$ It matches any string with p at the end of it.
It matches any string with p at the beginning

^p
of it.
Examples:
Following examples will clear your concepts about matching chracters.
It matches any string not containing any of the

[^a-zA-Z] characters ranging from a through z and A
through Z.
It matches any string containing p, followed by

p.p
any character, in turn followed by another p.
It matches any string containing exactly two

^.{2}$
characters.
It matches any string enclosed within <b> and

<b>(.*)</b>
</b>.
It matches any string containing a p followed

p(hp)*
by zero or more instances of the sequence hp.
Literal characters:
Character Description
Alphanumeric Itself
\0 The NUL character (\u0000)
\t Tab (\u0009)
\n Newline (\u000A)
==============================================
=========================
123
JavaScript
=======================================================================
\v Vertical tab (\u000B)
\f Form feed (\u000C)
\r Carriage return (\u000D)
The Latin character specified by the

\xnn hexadecimal number nn; for example, \x0A
is the same as \n
The Unicode character specified by the

\uxxxx hexadecimal number xxxx; for example,
\u0009 is the same as \t
The control character ^X; for example, \cJ is

\cX
equivalent to the newline character \n
Metacharacters
A metacharacter is simply an alphabetical character preceded
by a backslash that acts to give the combination a special meaning.
For instance, you can search for large money sums using the '\d'
metacharacter: /([\d]+)000/, Here \d will search for any string of
numerical character.
Following is the list of metacharacters which can be used in PERL Style

Regular Expressions.
Character Description
. a single character
\s a whitespace character (space, tab,
newline)
\S non-whitespace character
\d a digit (0-9)
\D a non-digit
\w a word character (a-z, A-Z, 0-9, _)
\W a non-word character
[\b] a literal backspace (special case).
[aeiou] matches a single character in the given set
[^aeiou] matches a single character outside the
given set
(foo|bar|baz) matches any of the alternatives specified
Modifiers
Several modifiers are available that can make your work with regexps
much easier, like case sensitivity, searching in multiple lines etc.
Modifier Description
==============================================
=========================
124
JavaScript
=======================================================================
i Perform case-insensitive matching.
Specifies that if the string has newline or carriage

return characters, the ^ and $ operators will now
m
match against a newline boundary, instead of a
string boundary
Perform a global matchthat is, find all matches

g
rather than stopping after the first match.
RegExp Properties:
Specifies the function that creates an object's

constructor
prototype.
global Specifies if the "g" modifier is set.
ignoreCase Specifies if the "i" modifier is set.
lastIndex The index at which to start the next match.
multiline Specifies if the "m" modifier is set.
source The text of the pattern.
RegExp Methods:
Method Description
Executes a search for a match in its string

exec()
parameter.
test() Tests for a match in its string parameter.
Returns an object literal representing the

toSource() specified object; you can use this value to create
a new object.
Returns a string representing the specified

toString()
object.
Javascript RegExp - constructor Property

Description:
==============================================
=========================
125
JavaScript
=======================================================================
Syntax:
RegExp.constructor
• NA
Return Value:
Example:
<html><head>
<title>JavaScript RegExp constructor Property</title></head>
<body>
var re = new RegExp( "string" );
document.write("re.constructor is:" + re.constructor);
re.constructor is: function RegExp() { [native code] }
Javascript RegExp - exec Method

Description:
The exec method searches string for text that matches regexp. If it
finds a match, it returns an array of results; otherwise, it returns null.
Syntax:
RegExpObject.exec( string );
• string : The string to be searched
Return Value:
Returns the matched text if a match is found, and null if not.
Example:
<html><head>
<title>JavaScript RegExp exec Method</title></head>
<body>
var str = "Javascript is an interesting scripting language";
var re = new RegExp( "script", "g" );
var result = re.exec(str);
document.write("Test 1 - returned value : " + result);
re = new RegExp( "pushing", "g" );
var result = re.exec(str);
document.write("<br />Test 2 - returned value : " + result);
==============================================
=========================
126
JavaScript
=======================================================================

Test 1 - returned value : script
Test 2 - returned value : null
Javascript RegExp - global Property

Description:
global is a read-only boolean property of RegExp objects. It specifies
whether a particular regular expression performs global matchingi.e.,
whether it was created with the "g" attribute.
Syntax:
RegExpObject.global
• NA
Return Value:
Returns "TRUE" if the "g" modifier is set, "FALSE" otherwise.
Example:
<html><head>
<title>JavaScript RegExp global Property</title></head>
<body>
if ( re.global ){
document.write("Test1 - Global property is set");
}else{
document.write("Test1 - Global property is not set");
}
re = new RegExp( "string", "g" );
if ( re.global ){
document.write("<br />Test2 - Global property is set");
}else{
document.write("<br />Test2 - Global property is not set");
}
Test1 - Global property is not set

Test2 - Global property is set
Javascript RegExp - ignoreCase Property

Description:
==============================================
=========================
127
JavaScript
=======================================================================
ignoreCase is a read-only boolean property of RegExp objects. It
specifies whether a particular regular expression performs case-
insensitive matchingi.e., whether it was created with the "i" attribute.
Syntax:
RegExpObject.ignoreCase
• NA
Return Value:
Returns "TRUE" if the "i" modifier is set, "FALSE" otherwise.
Example:
<html><head>
<title>JavaScript RegExp ignoreCase Property</title></head>
<body>
if ( re.ignoreCase ){
document.write("Test1-ignoreCase property is set");
}else{
document.write("Test1-ignoreCase property is not set");
}
re = new RegExp( "string", "i" );
if ( re.ignoreCase ){
document.write("<br/>Test2-ignoreCase property is set");
}else{
document.write("<br/>Test2-ignoreCase property is not set");
}
</script></body> </html>
Test1 - ignoreCase property is not set

Test2 - ignoreCase property is set
Javascript RegExp - lastIndex Property

Description:
lastIndex is a read/write property of RegExp objects. For regular
expressions with the "g" attribute set, it contains an integer that
specifies the character position immediately following the last match
found by the RegExp.exec( ) and RegExp.test( ) methods. These
methods use this property as the starting point for the next search
they conduct.
This property allows you to call those methods repeatedly, to loop
through all matches in a string and works only if the "g" modifier is set.
This property is read/write, so you can set it at any time to specify
where in the target string the next search should begin. exec( ) and
==============================================
=========================
128
JavaScript
=======================================================================
test( ) automatically reset lastIndex to 0 when they fail to find a match
(or another match).
Syntax:
RegExpObject.lastIndex
• NA
Return Value:
Returns an integer that specifies the character position immediately
following the last match.
Example:
<html><head>
<title>JavaScript RegExp lastIndex Property</title>
</head>
<body>
re.test(str);
document.write("Test 1 - Current Index: " + re.lastIndex);
re.test(str);
document.write("<br />Test 2 - Current Index: " + re.lastIndex);
Test 1 - Current Index: 10

Test 2 - Current Index: 35
Javascript RegExp - multiline Property

Description:
multiline is a read-only boolean property of RegExp objects. It
specifies whether a particular regular expression performs multiline
matching i.e., whether it was created with the "m" attribute.
Syntax:
RegExpObject.multiline
• NA
Return Value:
Returns "TRUE" if the "m" modifier is set, "FALSE" otherwise.
Example:
<html><head>
==============================================
=========================
129
JavaScript
=======================================================================
<title>JavaScript RegExp multiline Property</title></head>
<body>
if ( re.multiline ){
document.write("Test1-multiline property is set");
}else{
document.write("Test1-multiline property is not set");
}
re = new RegExp( "string", "m" );
if ( re.multiline ){
document.write("<br/>Test2-multiline property is set");
}else{
document.write("<br/>Test2-multiline property is not set");
}
Test1 - multiline property is not set

Test2 - multiline property is set
Javascript RegExp - source Property

Description:
source is a read-only string property of RegExp objects. It contains the
text of the RegExp pattern. This text does not include the delimiting
slashes used in regular-expression literals, and it does not include the
"g", "i", and "m" attributes.
Syntax:
RegExpObject.source
• NA
Return Value:
Returns the text used for pattern matching
Example:
<html><head>
<title>JavaScript RegExp source Property</title></head>
<body>
re.test(str);
document.write("The regular expression is : " + re.source);
==============================================
=========================
130
JavaScript
=======================================================================
The regular expression is : script
Javascript RegExp - test Method

Description:
The test method searches string for text that matches regexp. If it
finds a match, it returns true; otherwise, it returns false.
Syntax:
RegExpObject.test( string );
• string : The string to be searched
Return Value:
Returns the matched text if a match is found, and null if not.
Example:
<html><head>
<title>JavaScript RegExp test Method</title></head>
<body>
var result = re.test(str);
re = new RegExp( "pushing", "g" );
var result = re.test(str);
Test 1 - returned value : true

Test 2 - returned value : false
Javascript RegExp - toSource Method

Description:
The toSource method string representing the source code of the
object.
This method does not work with all the browsers.
Syntax:
RegExpObject.toSource();
==============================================
=========================
131
JavaScript
=======================================================================
• NA
Return Value:
Returns the string representing the source code of the object.
Example:
<html><head>
<title>JavaScript RegExp toSource Method</title></head>
<body>
var result = re.toSource(str);
re = new RegExp( "/", "g" );
var result = re.toSource(str);
This will produce following result in Firefox:
Test 1 - returned value : /script/g

Test 2 - returned value : /\//g
Javascript RegExp - toString Method

Description:
The toString method returns a string representation of a regular
expression in the form of a regular-expression literal.
Syntax:
RegExpObject.toString();
• NA
Return Value:
Returns the string representation of a regular expression.
Example:
<html><head>
<title>JavaScript RegExp toString Method</title></head>
<body>
var result = re.toString(str);
re = new RegExp( "/", "g" );
var result = re.toString(str);
==============================================
=========================
132
JavaScript
=======================================================================
Test 1 - returned value : /script/g

Test 2 - returned value : ///g
Note: I have copied from the website and written. This

document is not for sale only to read to whom so ever if this
document is good..
Thanks to all who read this document ..
==============================================
=========================
133

Javascript Notes by Heera Singh Bellary

Uploaded by

Copyright:

Available Formats

Javascript Notes by Heera Singh Bellary

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Javascript Notes by Heera Singh Bellary

Uploaded by

Copyright:

Available Formats

JavaScript

1.1 Client-side JavaScript:

1.2 Advantages of JavaScript:

1.3 Limitations with JavaScript:

1.4 JavaScript Development Tools:

1.4.1 Microsoft FrontPage:

1.4.2 Macromedia Dreamweaver MX:

1.4.3 Macromedia HomeSite 5:

1.5 Where JavaScript is today?

1.6 JavaScript Syntax

The script tag takes two important attributes:

So your JavaScript segment will look like:

<script language="javascript" type="text/javascript">

Your First JavaScript Script:

We added an optional HTML comment that surrounds our

1.7 Whitespace and Line Breaks:

1.8 Semicolons are Optional:

<script language="javascript" type="text/javascript">

But when formatted in a single line as follows, the semicolons are

<script language="javascript" type="text/javascript">

Note: It is a good programming practice to use semicolons.

1.9 Case Sensitivity:

1.10 Comments in JavaScript:

Enabling JavaScript in Browsers

2.1 JavaScript in Internet Explorer:

2.3 JavaScript in Opera:

2.4 Warning for Non-JavaScript Browsers:

Now, if user's browser does not support JavaScript or JavaScript

JavaScript Placement in HTML File

3.1 JavaScript in <head>...</head> section:

This will produce following result:

3.2 JavaScript in <body>...</body> section:

3.3 JavaScript in <body> and <head> sections:

This will produce following result:

3.4 JavaScript in External File :

<script type="text/javascript" src="filename.js"

To use JavaScript from an external file source, you need to

For example, you can keep following content in filename.js

1. JavaScript DataTypes and Variables

4.1 JavaScript DataTypes:

4.2 JavaScript Variables:

Storing a value in a variable is called variable initialization. You

Note: Use the var keyword only for declaration or

4.3 JavaScript Variable Scope:

This produces the following result:

4.4 JavaScript Variable Names:

4.5 JavaScript Reserved Words:

5.1.1 The Arithmatic Operators:

Subtracts second operand from the A - B will give

Modulus Operator and remainder of B % A will

Increment operator, increases A++ will give

Decrement operator, decreases

5.1.2 The Comparison Operators:

Checks if the value of two operands

Checks if the value of two operands

Checks if the value of left operand

Checks if the value of left operand

Checks if the value of left operand

Checks if the value of left operand