Javascript

Mathematical Operators

2010-12-10T11:08:00.001-08:00

Javascript Mathematical Operators

Given that y=5

Operator	Description	Example	Result
+	Addition	x=y+2	x=7
-	Subtraction	x=y-2	x=3
*	Multiplication	x=y*2	x=10
/	Division	x=y/2	x=2.5
%	Modulus(division remainder)	x=y%2	x=1
++	Increment	x=++y	x=6
--	Decrement	x=--y	x=4
-	Negation	x=-y	X=-5

In a compound equation like the one assigned to longEquation, each of the operations is subject to standard mathematical precedence (that is, multiplication and division operations are calculated first, from left to right, after which the addition and subtraction operations are calculated from left to right).

If you want to override the standard precedence of these operations, you can use brackets, just like you learned in school. Any operations that occur inside brackets will be calculated before any multiplication or division is done:

var unbracketed = 4 + 6 * 5;
var bracketed = (4 + 6) * 5;

Here, the value of unbracketed will be 34, because 6 * 5 is calculated first. The value of bracketed will be 50, because (4 + 6) is calculated first.

Operators Precedence

2010-12-10T11:07:00.001-08:00

Javascript Operators Precedence

Operator	Description	Priority
. []	member	Highest
()	call
! ~ - + ++ --	negation/increment typeof void delete
* / %	Multiplication, Division, Modulus
+ -	Addition, Subtraction
<< >> >>>	Bitwise Shift
< <= > >=	Comparison
== !=	Equality
&	bitwise-and
^	bitwise-xor
\|	bitwise-or
&&	Logical AND
\|\|	Logical OR
?:	Conditional
= += -= *= /= %=	Assignment
,	Comma	Lowest

Comparison Operators

2010-12-10T11:06:00.003-08:00

Javascript Comparison Operators

Operator	Description	Example
==	Equals	x == 6 returns true if x is 6
!=	Does not equal	x != 6 returns true if x is not 6
<	Less-than operator.	x < 6 returns true if x is less than 6
>	Greater-than operator	x > 6 returns true if x is greater than 6
>=	Greater-than or equal operator	x >= 6 returns true if x is either 6, or greater than 6
<=	Is less than or equal to	x <= 6 returns true if x is either equal to 6, or less than 6

String operators

2010-12-10T11:06:00.001-08:00

Javascript String operators

If you’d like to add two strings together, or concatenate them, you use the same + operator that you use for numbers:

var complete = "com" + "plete";

The value of complete will now be "complete".Again, you can use a combination of strings and string variables with the + operator:

var name = "Slim Shady";
var sentence = "Your name is " + name;

The value of sentence will be "Your name is Slim Shady". You can use the += operator with strings, but not the ++ operator—it doesn’t make sense to increment strings. So the previous set of statements could be rewritten as:

var name = "Slim Shady";
var sentence = "Your name is ";
sentence += name;

If you try to add a number to a string, JavaScript will automatically convert the number into a string, then concatenate the two resulting strings:

var sentence = "I am " + 1977
sentence now contains " I am 1977".

Assignment Operators

2010-12-10T11:05:00.001-08:00

JavaScript Assignment Operators

Assignment operators are used to assign values to JavaScript variables.

Given that x=20 and y=10

Operator	Example	Same As	Result
=	x=y		x=10
+=	x+=y	x=x+y	x=30
-=	x-=y	x=x-y	x=10
*=	x*=y	x=x*y	x=200
/=	x/=y	x=x/y	x=2
%=	x%=y	x=x%y	x=0

Logical Operators

2010-12-10T11:04:00.003-08:00

JavaScript Logical Operators

Operator	Description	Examples
&& (AND)	Logical AND.	(x<3 && y<=5)
\|\| (OR)	Logical OR	(x<3 \|\| y<=5)
! (NOT)	Logical NOT.	!(x>3)

Special Operators

2010-12-10T11:04:00.001-08:00

JavaScript Special Operators

Special Operator	Description	Example
?: (Conditional)	{condition)? iftrue : iffalse	y=-1 x=(y<0)? 5: 10 result; x=5
,	You can use the comma operator when you want to include multiple expressions in a location that requires a single expression.	for (var i=0, j=9; i <= 9; i++, j--)
delete	The delete operator is used to delete an object	fruit = new Array ("apple", "pear", "orange", "cherry", "grape"); delete fruit[2];
new	The new operator can be used create an instance of a user-defined object type or of one of the built-in object types.	function author(name, real_name, age) { this.name = name this.real_name = real_name this.age = age } author1 = new author("John Lynch", "Charlie Schwarz", 43)
this	Keyword that you can use to refer to the current object.	function describeAge(obj) { if(obj.year < 1996) return "Old-fashioned" else return "Good-as-new" } function car(make, year, description) {this.make = make, this.year = year, this.description = describeAge(this)} myCar = new car("Ford", "1993", describeAge(this))
typeof	The typeof operator returns the type of an unevaluated operand which can be a number, string, variable, object or keyword.	Var age = 33 typeof(age) returns number typeof 33 returns number
void	The void operator specifies an expression to be evaluated without returning a value.	The following example creates a hyperlink on the word "green" which, when clicked, changes the background color to light green: Code: Sam turned <a href= "javascript:void(document.bgColor='lightgreen') " > green </a>.

Bitwise operators

2010-12-10T11:03:00.001-08:00

JavaScript Bitwise operators

Operator	Meaning	Example
&	AND	1111 & 0011 = 0011
~	NOT	~0011=1100
\|	OR	1111 \| 0011 = 1111
^	exclusive OR	1111 ^ 0011 = 1100
<<	Left shift	1111<<2=1100
>>	Right shift	1111>>2=0011
>>>	Right shift, fill with zeros	1111>>>2=0011

onClick Event

2010-11-27T09:09:00.001-08:00

Javascript onClick Event

Here is example :

<html>
<head>
<title>Javascript OnClick Event</title>
<script type="text/javascript">
function load()
{
alert("Javascript Onclick Event");
}
</script>
</head>
<body>
<form onClick="load()">
<input type="button" name="myclick" value="click here" >
</form>
</BODY>
</HTML>

Examine this javacript example

onMouseOver , onMouseOut Event

2010-11-27T09:08:00.001-08:00

Javascript onMouseOver , onMouseOut Event

Here is example :

Note: This Javascript code not running with I.E 7,0 and Firefoz

<html>
<head>
<title>Javascript onMouseOver ve onMouseOut Events </title>
<script language="javascript1.2">

</script>
</head>
<body>
<a href="http://javascript-lessons.blogspot.com" onMouseOver = over()
onMouseOut =out()>
http://javascript-lesson.blogspot.com</a>
</body>
</html>

onSubmit Event

2010-11-27T09:07:00.001-08:00

Javascript onSubmit Event

Here is example:

<html>
<head>
<title>Javascript OnSubmit Event</title>
</head>
<body>
<form action="http://www.yahoo.com" method="post" onSubmit="return window.confirm('Do you want to go to Yahoo')">
<input type="submit" name="Submit" value="Submit">
</form>
Do you Want to go to Yahoo.com
</BODY>
</HTML>

Examine this javacript example

onReset Event

2010-11-27T09:06:00.001-08:00

Javascript onReset Event

Here is example:

<html>
<head>
<title>Javascript Reset</title>
</head>
<body>
<form name="form1" method="post" action="">
<input type="text" name="textfield">
<input type="text" name="textfield2">
<textarea name="textarea" ></textarea>
<input type="reset" name="Reset" value="Clear">
</form>
</body>
</html>

Examine this javacript example

onChange Event

2010-11-27T09:05:00.001-08:00

Javascript onChange Event

Here is example :

<html>
<head>
<script language="JavaScript">
function ss() {
var al="hotmail"
var as ="Google"
var ad="dmoz"
var af="yahoo"
if(document.fff.secenek.value==al){
ms= window.open('http://www.hotmail.com')}
if(document.fff.secenek.value==as){
ms= window.open('http://www.google.com')}
if(document.fff.secenek.value==ad){
ms= window.open('http://www.dmoz.com')}
if(document.fff.secenek.value==af){
ms= window.open('http://www.yahoo.com')}}
</script>
<title>java Script Onchange</title>
</head>
<body >
<form name="fff" >
<select name="secenek" onchange="ss()" >
<option >Chose Web Site
<option value="hotmail" >hotmail.com
<option value="yahoo" >yahoo.com
<option value="super" >google.com
<option value="dmoz" >dmoz.com
</select>
Which web site do you visit!!!
</form>
</body>
</html>

Examine this javacript example

onLoad , onUnLoad Event

2010-11-27T09:04:00.001-08:00

Javascript onLoad , onUnLoad Event

Here is example :

<html>
<head>
<title>onLoad onUnLoad Event</title>
<script language="javascript1.2">

</script>
</head>
<body onLoad="hello()" onUnload="by()">
</body>
</html>

Examine this javacript example

onError onAbort Event

2010-11-27T09:03:00.001-08:00

Javascript onError onAbort Event

Here is example :

onFocus, onBlur Event

2010-11-27T09:02:00.001-08:00

Javascript onFocus, onBlur Event

Here is example :

<HTML>
<HEAD>
<TITLE> onFocus ve onBlur Event</TITLE>
<SCRIPT LANGUAGE="JavaScript1.2">
function show()
{
document.nameform.ad.value="Your Name added."
}
function check()
{
document.nameform.ad.value="Please don’t wrong!"
}
// -->
</SCRIPT>
</HEAD>
<BODY>
<BR>
<FORM NAME="nameform">
<P>please write your name and click anywhere:
<BR><INPUT TYPE="text" NAME="ad" VALUE="Write Your Name" SIZE=25 onBlur="show()">
<P>What is Your jop:
<BR><INPUT TYPE="text" NAME="Job" VALUE="Write Your Jop" SIZE=25 onFocus="check()">
</FORM>
</BODY>
</HTML>

Examine this javacript example

Anchor Object

2010-10-26T11:13:00.003-07:00

Anchor Object

Creating

<A NAME="anchorName">
textOrImageAnchor
</A>

Applet Object

2010-10-26T11:13:00.001-07:00

Applet Object

Creating

<APPLET
CODE="AppletURL"
HEIGHT="PixelCount"
NAME="AppletName"
WIDTH="PixelCount"
[ALIGN="AlignmentLocation"]
[ALT="AlternateTextDisplay"]
[CODEBASE="ClassFileDirectory"]
[HSPACE="MarginPixelCount"]
[VSPACE="MarginPixelCount"]>
 <PARAM NAME="AppletParameterName”  VALUE=”ParameterValue”> 
 ...
 <PARAM NAME="AppletParameterName”   VALUE=”ParameterValue”>
</APPLET>

Properties

name(string)
(Java variables)

Event Handlers

 onMouseOut=
 onMouseOver=

Methods

(Java methods)

Area Object

2010-10-26T11:12:00.008-07:00

Area Object

Creating

<MAP NAME="areaMapName">
 <AREA
   COORDS="x1,y1,x2,y2…." |"x-center,y-center,radius"
   HREF="URLorLocation"
   [NOHREF]
   [SHAPE="rect" | "poly" | "circle" | "default" ]
   [TARGET="windowName"]
   [onFocus="EventHandlerTextOrFunction"]
   [onMouseOut="EventHandlerTextOrFunction"]
   [onMouseOver="EventHandlerTextOrFunction"]>
</MAP>

Properties

links[index].target   (window name)
[location object properties]

Event Handlers

onMouseOut=
onMouseOver=

Array Object

2010-10-26T11:12:00.007-07:00

Array Object

Creating

var myArray = new Array([integer] | [val1 [ , val2 … [ , valn]]])

Properties

length(integer)
prototype (expression)

Methods

join("delimiterChar")
reverse()
sort(compareFunc)

Button, Submit, and Reset Objects

2010-10-26T11:12:00.005-07:00

Button, Submit, and Reset Objects

Creating

<FORM>
 <INPUT
TYPE="button" | "submit" |"reset"
[NAME="buttonName]
[VALUE="labelText"]
[onClick="EventHandlerTextOrFunction"]
[onFocus="EventHandlerTextOrFunction"]
[onLoad="EventHandlerTextOrFunction"]
[onUnLoad="EventHandlerTextOrFunction"]>
</FORM>

Properties

name  (string)
type   (string)
value  (string)

Methods

click()

Event Handlers

onClick=

Checkbox Object

2010-10-26T11:12:00.003-07:00

Checkbox Object

Creating

<FORM>
 <INPUT
TYPE="checkbox"
[CHECKED]
[NAME="boxName]
[VALUE="buttonValue"]
[onClick="EventHandlerTextOrFunction"]>
buttonText
</FORM>

Properties

checked   (Boolean)
defaultChecked (Boolean)
name   (string)
type  (string)
value (string)

Methods

click()

Event Handlers

onClick=

Date Object

2010-10-26T11:12:00.001-07:00

Date Object

Creating

var myDate = new Date("Month dd, yyyy, hh:mm:ss")
var myDate = new Date("Month dd, yyyy")
var myDate = new Date("yy,mm,dd,hh,mm,ss")
var myDate = new Date("yy, mm, dd")
var myDate = new Date(millisecondsInteger)

Properties

prototype  (expression)

Methods

myDate.getDate()(1-31)
myDate.getDay() (0-6)
myDate.getHours()   (0-23)
myDate.getMinutes()  (0-59)
myDate.getMonth()   (0-11)
myDate.getSeconds() (0-59)
myDate.getTime()(0-…)
myDate.getTimezoneOffset()  (0-…)
myDate.getYear()(70-…)
myDate.setDate()(1-31)
myDate.setDay() (0-6)

myDate.setHours()   (0-23)
myDate.setMinutes() (0-59)
myDate.setMonth()   (0-11)
myDate.setSeconds() (0-59)
myDate.setTime()(0-…)
myDate.setYear()(70-…)
myDate.toGMTString()(String)
myDate.toLocaleString() (String)
Date.parse("dateString")
Date.UTC("date values")

Document Object

2010-10-26T11:11:00.007-07:00

Document Object

Creating

<BODY
   [ALINK="#activatedLinkColor"]
   [BACKGROUND="backgroundImageURL"]
   [BGCOLOR="#backgroundColor"]
   [LINK="#unfollowedLinkColor"]
   [TEXT="#foregroundColor"]
   [VLINK="#followedLinkColor"]
   [onLoad="#handlerTextOrFunction"]
   [onUnload="#handlerTextOrFunction"]
   </BODY>

Properties

alinkColor  (hexadecimal triplet or constant)
anchors  (array)
applets  (array)
bgColor  (hexadecimal triplet or constant)
cookie   (string)
domain   (string)
embeds   (array)
fgColor  (hexadecimal triplet or constant)
forms(array)
images   (array)
lastModified (date string)
linkColor(hexadecimal triplet or constant)
links  (array)
location (string)
referrer (string)
title(string)
URL (string)
vlinkColor   (hexadecimal triplet or constant)

Methods

write("string1" [,”string2”,...,“stringn”])
write("string1" [,”string2”,...,“stringn”])
write("string1" [,”string2”,...,“stringn”])
open("mimeType")
close()
clear()

FileUpload Object

2010-10-26T11:11:00.005-07:00

FileUpload Object

Creating

<FORM>
<input
TYPE="file"
[NAME="fieldName"]
[SIZE="numberOfCharacters"]>
</FORM>

Properties

name (string)
value (string)
type  (string)

Methods

blur()
focus()
select()

Event Handlers

onBlur=
onChange=
onFocus=
onSelect=

Form Object

2010-10-26T11:11:00.003-07:00

Form Object

Creating

<FORM
   [ACTION="serverURL"]
   [ENCTYPE="MIMEType"]
   [METHOD=GET | POST]
   [NAME="formName"]
   [onSubmit="eventHandlerTextOrFunction"]
   [onReset="eventHandlerTextOrFunction"]
</FORM>

Properties

action   (URL)
elements (array)
encoding (MIME type)
method   (GET or POST)
name  (string)
target   (window name)

Methods

reset()
submit()

Event Handlers

onReset=
onSubmit=

Function Object

2010-10-26T11:11:00.001-07:00

Function Object

Creating

function functionName( [parameter1]...[, parameterN] ) {
   statements
 }
var myFunction = new function([parameter1]...[, parameterN], statements)

Properties

arguments  (array)
caller   (function)
prototyp (expression)

Methods

reset()
submit()

Event Handlers

onReset=
onSubmit=

Hidden Objects

2010-10-26T11:10:00.008-07:00

Hidden Objects

Creating

<FORM>
 <INPUT
NAME="fieldName"
TYPE="hidden"
[VALUE="contents"]>
</FORM>

Properties

defaultValue(string)
name   (string)
type(string)
value   (string)

History Object

Properties

length  (integer)

Methods

back()
forward()
go(relativeNumber |"URLorTitleSubstring")

Image Object

2010-10-26T11:10:00.007-07:00

Image Object

Creating

<IMG
NAME="imageName"
SRC="imageURL"
[ | "right" | "top" | "absmiddle" | "absbottom" |
 "texttop" | "middle" | "baseline" | "bottom" ]
[BORDER="pixelCount"]
[HEIGHT="pixelCount" | "percentageValue%"]
[HSPACE="pixelCount"]
[ISMAP]
[LOWSRC="lowResImageURL"]
[USEMAP="areaMapName"]
[VSPACE="pixelCount"]
[WIDTH="pixelCount" | "percentageValue%"]
[onAbort="EventHandlerTextOrFunction"]
[onError="EventHandlerTextOrFunction"]
[onLoad="EventHandlerTextOrFunction"]>

Properties

border   (integer)
complete (Boolean)
height   (integer)
hspace   (integer)
lowsrc   (string)
src  (string)
vspace   (integer)

Event Handlers

onAbort=
onError=
onLoad=

Layer Object

2010-10-26T11:10:00.005-07:00

Layer Object

Properties

above
background  (colorValue)
below   (layerObject)
bgColor   (colorValue)
clip.top  (pixelCount)
clip.left (pixelCount)
clip.right  (pixelCount)
clip.bottom   (pixelCount)
clip.width  (pixelCount)
clip.height (pixelCount)
height(pixelCount)
left  (pixelCount)
layers(array)
name(string)
parentLayer   (layerObject)
siblingAbove  (layerObject)
siblingBelow  (layerObject)
top   (pixelCount)
visibility  (hide|show|inherit)
width   (pixelCount)
zIndex(integer)

Methods

offset()
moveTo()
resize()
moveAbove()
moveBelow()

Link Object

2010-10-26T11:10:00.003-07:00

Link Object

Creating

<A HREF="URLorLocation”
[NAME="anchorName”]
[TARGET="windowName”]
[onClick="EventHandlerTextOrFunction”]
[onMouseOut=”EventHandlerTextOrFunction”]
[onMouseOver=”EventHandlerTextOrFunction”]>
TextOrImageLink
</FORM>

Properties

links[index].target   (window name)
[location object properties]

Event Handlers

onClick=
onMouseOut=
onMouseOver=

Math Object

2010-10-26T11:10:00.001-07:00

Math Object

Properties

Math.E
Math.LN2
Math.LN10
Math.LOG2E
Math.LOG10E
Math.PI
Math.SQRT1_2
Math.SQRT2

Methods

Math.abs()
Math.acos()
Math.asin()
Math.atan()
Math.atan2()
Math.ceil()
Math.cos()
Math.exp()
Math.floor()
Math.log()
Math.max()
Math.min()
Math.pow()
Math.random()
Math.round()
Math.sin()
Math.sqrt()
Math.tan()

MimeType Object

2010-10-26T11:09:00.005-07:00

MimeType Object

Properties

description (string)
enabledPlugin   (string)
type(string)
suffixes(string)

Navigator Object

2010-10-26T11:09:00.003-07:00

Navigator Object

Properties

appName (string)
appVersion  (string)
appCodeName(string)
mimeTypes  (string)
plugins (string)
userAgent   (string)

Methods

javaEnabled()
taintEnabled()

Plugin Object

Properties

description (string)
enabledPlugin   (string)
type(string)
suffixes(string)

Methods

javaEnabled()
taintEnabled()

Radio Object

2010-10-26T11:09:00.001-07:00

Radio Object

Creating

<FORM
 <INPUT
   NAME=”buttonGroupName”
   TYPE=”radio”
   [CHECKED]
   [VALUE=”buttonValue”]
   [onClick=”EventHandlerTextOrFunction”]
   buttonText
</FORM>

Properties

checked  (Boolean)
defaultChecked(Boolean)
name  (string)
value(string)
type (string)

Methods

click()

Event Handlers

onClick=

Select Object

2010-10-26T11:08:00.002-07:00

Select Object

Creating

<FORM
 <SELECT
   NAME=”listName”
   [MULTIPLE]
   [SIZE=”NumberOfCharacters”]
   [onBlur=”EventHandlerTextOrFunction”]
   [onChange=”EventHandlerTextOrFunction”]
   [onFocus=”EventHandlerTextOrFunction”]>
   <OPTION [SELECTED] [VALUE=”string”]>listItem
   [...<OPTION [VALUE=”string”]>listItem
 </SELECT>
</FORM> >

Properties

length  (integer)
name  (string)
options[index]  (array)
options[index].defaultSelected  (Boolean)
options[index].index(integer)
options[index].value(string)
options[index].selected(Boolean)
options[index].text(string)
selectedIndex  (integer)
type   (string)

Methods

blur()
focus()

Event Handlers

onBlur=
onChange=
onFocus=

String Object

2010-10-26T11:08:00.001-07:00

String Object

Creating

var myString = new String(["stringExpression”])

Properties

length(integer)
prototype (expression)

Methods

myString.anchor("anchorName”)
myString.big()
myString.blink()
myString.bold()
myString.charAt(index)
myString.fixed()
myString.fontcolor(colorValue)
myString.fontsize(integer1to7)
myString.indexOf(searchString [ , startIndex])
myString.italics()
myString.lastIndexOf(searchString [ , startIndex])
myString.link(locationOrURL)
myString.small()
myString.split("delimitingChar”)
myString.strike()
myString.sub()
myString.substring(beginIndex, endIndex)
myString.sup()
myString.toLowerCase()
myString.toUpperCase()

Text, Textarea, and Password Objects

2010-10-26T11:07:00.004-07:00

Text, Textarea, and Password Objects

Creating

<FORM
 <INPUT
NAME=”fieldName”
TYPE=”text”
[MAXLENGTH=”MaxLengthAllowed”]
[SIZE=”NumberOfCharacters”]
[VALUE=”contents”]
[onBlur=”EventHandlerTextOrFunction”]
[onChange=”EventHandlerTextOrFunction”]
[onFocus=”EventHandlerTextOrFunction”]
[onSelect=”EventHandlerTextOrFunction”]>
</FORM>

<FORM
 <TEXTAREA
COLS=”NumberOfColumns”
NAME=”fieldName”
ROWS=”NumberOfRows”
[WRAP=”off” | "virtual” | "physical”]
[onBlur=”EventHandlerTextOrFunction”]
[onChange=”EventHandlerTextOrFunction”]
[onFocus=”EventHandlerTextOrFunction”]
[onSelect=”EventHandlerTextOrFunction”]
defaultText
 </TEXTAREA
   </FORM>

   <FORM
<INPUT
   NAME=”fieldName”
   TYPE=”password”
   [MAXLENGTH=”MaxLengthAllowed”]
   [SIZE=”CharacterLength”]
   [VALUE=”contents”]>
   </FORM>

Properties

defaultValue  (string)
name (string)
value (string)
type  (string)

Methods

blur()
focus()
select()

Event Handlers

onBlur=
onChange=
onFocus=
onSelect=

Window and Frame Objects

2010-10-26T11:07:00.003-07:00

Window and Frame Objects

Creating

windowObject = window.open([parameters])

<BODY
   ...
   [onBlur=”EventHandlerTextOrFunction”]
   [onFocus=”EventHandlerTextOrFunction”]
   [onLoad=”EventHandlerTextOrFunction”]
   [onUnLoad=”EventHandlerTextOrFunction”]
   </BODY>

   <FRAMESET
   COLS=”valueList”
   ROWS=”valueList”
   [BORDER=pixelSize]
   [BORDERCOLOR=colorSpecs]
   [FRAMEBORDER=YES | NO]
   [onBlur=”EventHandlerTextOrFunction”]
   [onFocus=”EventHandlerTextOrFunction”]
   [onLoad=”EventHandlerTextOrFunction”]
   [onUnLoad=”EventHandlerTextOrFunction]
<FRAME
SRC=”locationOrURL”
NAME=”firstFrameName”
[BORDER=pixelsize]
[BORDERCOLOR=colorSpecs]
....
   </FRAMESET>

Properties

defaultStatus  (string)
frames (array)
name (string)
onerror(function)
opener (window object)
parent (window object)
self   (window object)
status (window object)
top(window object)
window (window object)

Methods

alert(message)
blur()
clearTimeout(timeoutIDnumber)
close()
confirm(message)
focus()
open("URL”,"windowName”[,,”windowSpecification”])
prompt(message,defaultReply)
scroll(horizontalPixel, verticalPixel)
setTimeout("expression”, millisecondsDelay)

Event Handlers

onBlur=
onFocus=
onLoad=
onUnload=

Control Structures

   if (condition)= {
 statements
   }

   if (condition)= {
 statements
}
else {
 statements
}

variable = (condition) ? val1 : val2

for ( [ initial expression]; [condition]; [update expression]){
 statements
}

while (condition) {
 statements
}

for (var in object) {
 statements
}

with (object) {
 statements
}

Operators

2010-10-26T11:07:00.001-07:00

Operators

Comparison

== Equals
!= Does not equal
>  Is greater than
>= Is greater than or equal to
<  Is less than
<= Is less than or equal to

Binary & Unary

+  Plus
–  Minus
*  Multiply
/  Divide
%  Modulo
++ Increment
-- Decrement
-val   Negation

Assignment

=  Equals
+= Add the RHS (Right Hand Side)
–= Subtract the RHS
*= Multiply by the RHS
/= Divide by the RHS
%= Modulo by the RHS
<<=Left shift by the RHS
>>=Right shift by the RHS
>>>=   Right shift by the RHS, zero fill
&= Bitwise AND by the RHS
|= Bitwise OR by the RHS
^= Bitwise XOR by the RHS

Boolean

&& And
|| Or
!  Not

Bitwise

&  Bitwise And
|  Bitwise Or
^  Bitwise XOR
~  Bitwise Not
<< Left Shift
>> Right Shift
>>>  Zero Fill Right Shift

Miscellaneous

new
typeOf
void

JavaScript Functions and Methods

eval("string”)
isNan(expression)
object.toString()
parseFloat("string”)
parseInt("string”)
taint([object])
untaint([object])

Redirect Example

2010-10-01T08:46:00.003-07:00

Javascript Redirect Example

Here is example:

<html>
<head>
<title>Javascript Redirect Example </title>
</head>
<script>
function redirect()
{
location.href = "http://javascript-lesson-blogspot.com";
}
</script>
<body onload="setTimeout('redirect()', 5000)">
</body>
</html>

Examine this javacript example

[ Javascript Date Object Methods Example ] [ Javascript Date Object Methods ] [ Javascript Date object ]

Date Object Methods Example

2010-10-01T08:46:00.001-07:00

Javascript Date Object Methods Example

Here is example :

<html>
<head>
<title> Date Object Methods Example </title>
</head>
<body>
<h3>Date Object Methods Example </h3>
<script language="JavaScript">
var calendar = new Date()
document.write("<b>Zaman</b>: " + calendar)
document.write("<br><b>getFullYear</b>: " + calendar.getFullYear())
document.write("<br><b>getDate</b>: " + calendar.getDate())
document.write("<br><b>getMonth</b>: " + calendar.getMonth())
document.write("<br><b>getHours</b>: " + calendar.getHours())
document.write("<br><b>getMinutes</b>: " + calendar.getMinutes())
document.write("<br><b>getSeconds</b>: " + calendar.getSeconds())
document.write("<br><b>getDay</b>: " + calendar.getDay())
</script>
</body>
</html>

Examine this javacript example

[ Javascript Redirect Example ] [ Javascript Date Object Methods ] [ Javascript Date object ]

The Date Object Methods

2010-10-01T08:43:00.001-07:00

Javascript The Date Object Methods

Methods	Explanation
Date()	Returns a new Date object
getDate()	Returns the date from a Date object. (1-31)
getDay()	Returns the weekday. (0-6)
getMonth()	Returns the month. (0-11)
getFullYear()	Returns the year. (2000)
getYear()	Returns the year as a 4 digit value (or the year as a 2 digit value if the date is before January 1, 2000). Use getFullYear instead !!
getHours()	Returns the hour as a value between 0 and 23
getMinutes()	Returns the minute. (0-59)
getSeconds()	Returns the second. (0-59)
getMilliseconds()	Returns the millisecond. (0-999)
getTime()	Retuns the number of milliseconds since 1/1-1970
getTimezoneOffset()	Returns the time difference between the user's computer and GMT
getUTCDate()	Returns the date as set by the World Time Standard, UTC = Universal Coordinated Time. To return the local time use the getDate method
getUTCDay()	Returns the UTC day
getUTCMonth()	Returns the UTC month
getUTCFullYear()	Returns the UTC 4 digit year
getUTCHourc()	Returns the UTC hour
getUTCMinutes()	Returns the UTC minutes
Returns the UTC seconds	Returns the UTC seconds
getUTCMilliseconds()	Returns the UTC milliseconds
parse()	Returns a string date value into how many milliseconds since 1/1-1970.
setDate()	Sets a new date into the Date object
setFullYear()	Sets a new year into the Date object
setHours()	Sets a new hour into the Date object. (0-23)
setMilliseconds()	Sets new milliseconds into the Date object. (0-999)
setMinutes()	Sets mew minutes hour into the Date object. (0-59)
setMonth()	Sets a new month into the Date object. (0-11)
setSeconds()	Sets new seconds into the Date object. (0-59)
setTime()	Sets milliseconds after 1/1-1970
setYear()	Sets a new year into the Date object
setUTCDate()	Sets The UTC date
setUTCDay()	Sets The UTC date
setUTCMonth()	Sets The UTC date
setUTCFullYear()	Sets The UTC date
setUTCHourc()	Sets The UTC date
setUTCMinutes()	Sets The UTC date
setUTCSeconds()	Sets The UTC date
setUTCMilliseconds()	Sets The UTC date
toGMTString()	Returns a string date value.
toLocaleString()	Returns a string date value.
toString()	Returns a string date value.

[ Javascript Redirect Example ] [ Javascript Date Object Methods Example ] [ Javascript Date object ]

Rules for Javascript Variable names

2010-08-23T06:45:00.002-07:00

Javascript Rules for Javascript Variable names:

1. Must begin with a letter. Variable name cannot start with a numeral.
2. Can not contain a period (.)
3. Must not exceed 255 characters
4. JavaScript variable names are case-sensitive
5. JavaScript variable names must not contain spaces.

Valid variable names

my_name
total2
_total
Average

Invalid variable names

my.name
2_ total
rate%_ Average

Notice : Variables can be either Global, or Local.Variables that exist throughout the script are called Global variables. Variables that exist only inside a function are called Local variables.

Here is Example :

Types of Javascript Variables

2010-08-23T06:45:00.001-07:00

Javascript Types of Javascript Variables

Number: an integer or a floating-point number.

var cost=9.95;
var mycars=3;

String: Letters, numbers

var bestmovie="The Lost World";
var mycars=”3”;

Boolean: A logical true or false value.

var result=true;

Null: Consists of a value, null.

var mycar=null;

Undefined: A variable that has not been given a value yet

Arrays

Sometimes you want to assign more than one value to a single variable. Then you can create a variable that can contain a series of values. This is called an array variable.

Here is an example;

Name = new Array(4);
Name[0] = "Janson"
Name[1] = "Jack"
Name[2] = "mary"
Name[3] = "hillary"

The same array can also be declared at the sametime values are assigned as follows:

Name = new Array(' Janson', ' Jack', ' Mary', ' Hillary ')

printing:

document.write(Name[1][2])

Display: Jackmary

The data can be retrieved from any element using an index into the particular array element you want.

mother = names[3]

Scripts in the Head

2010-07-12T14:08:00.003-07:00

Scripts in the Head

<html>
<head>
<title> Javascript Document</title>
<script type=”text/javascript”>
//script statement(s) here
...
</script>
</head>
<body>
</body>
</html>

Scripts in the Head and Body

2010-07-12T14:08:00.001-07:00

Scripts in the Head and Body

<html>
<head>
<title>Javascript Document</title>
<script type=”text/javascript”>
//script statement(s) here
...
</script>
</head>
<body>
<script type=”text/javascript”>
//script statement(s) here
...
</script>
</body>
</html>

A Script in the Body

2010-07-12T14:06:00.002-07:00

A Script in the Body

<html>
<head>
<title> Javascript Document</title>
</head>
<body>
<script type=”text/javascript”>
//script statement(s) here
...
</script>
</body>
</html>

Placing JavaScript code in another file

2010-07-12T14:06:00.001-07:00

Placing JavaScript code in another file

<html>
<head>
<title> Javascript Document</title>
</head>
<script type=”text/javascript” src=”scripts/javafile.js”></script>
<body>
</body>
</html>

Break / Continue

2010-06-29T10:32:00.001-07:00

Javascript Break / Continue

The break and continue statements provide stricter control over the execution of code in a loop.

The break statement may be used to break out of a while, if, switch, do while, or for statement.

The continue statement does not terminate the loop statement.

The If….else statement

2010-06-29T10:31:00.005-07:00

Javascript The If….else statement

The if statement has the following syntax:

Here is Example:

If the condition evaluates to true, statement1 is executed; if the condition evaluates to false, statement2 is executed.

Switch Condition

2010-06-29T10:31:00.003-07:00

Javascript Switch Condition

You should use the this statement if you want to select one of many blocks of code to execute.

Here is example:

do-while

2010-06-29T10:31:00.001-07:00

Javascript do-while

The body of the loop is always executed at least once before the expression is evaluated.

Syntax:

Here is example:

<Script Language="JavaScript">

</Script>

while

2010-06-29T10:30:00.004-07:00

Javascript while

The evaluation of the escape condition is done before the code inside the loop has been executed.

Syntax:

Here is example :

<Script Language="JavaScript">

</Script>

For

2010-06-29T10:30:00.003-07:00

Javascript For

The for statement will execute a block of code a specified number of times

Syntax:

Here is example:

This code defines a variable i that begins with the value 0. The for loop is entered only if the conditional expression (i < iCount) evaluates to true,

for-in

2010-06-29T10:30:00.001-07:00

Javascript for-in

The for-in statement is a strict iterative statement. It is used to enumerate the properties of an object.

Syntax:

Here is example:

Here, the for-in statement is used to display all the properties of the BOM window object.

Anchor-AJAX-ActiveX-Attribute-Array-Arguments-Anchors

2010-04-22T12:11:00.000-07:00

a b c d e f h i j l m n o p r s t u v w

Glossary Terms

Anchors; The anchors array contains all of the anchor objects defined for the web page. This is not a reserved word so you can declare your own variable or function called anchors but if you do then you will not be able to reference the anchors on the web page via this class.

Argument; An Argument is a variable used by a function that has been passed to that function. The values for the arguments are passed as parameters when the function is called. The arguments are listed between parentheses immediately following the function name in the function declaration.

Arguments; The arguments array is available within any function. It contains all of the arguments passed to the function and can therefore be used to process the arguments independently of their assigned names. It can even be used to determine how many arguments were passed. This is not a reserved word so you can declare your own variable or function called arguments but if you do then you will not be able to use the arguments array.

Array; The Array class is used to define a collection of variables that are related together. You can then refer to the individual variables within the array either by their position in the array eg myEntry[3] to access the fourth entry (the first entry is 0) or by name eg myEntry[red]. This is not a reserved word so you can declare your own variable or function called Array but if you do then you will not be able to use the Array class.

Asynchronous; An asynchronous command is one that starts a process and then returns straight away without waiting for that process to complete.

The most obvious examples of Javascript functions that are asynchronous are setTimeout and setInterval. These functions start a timer that will execute a specified command at some future time and then immediately return control without waiting for the timer to actually trigger the command specified. The value returned by these functions provides a means of referencing the request in subsequent code.

Another Javascript function that can be called asynchronously is the XMLHttpRequest function which submits a request for information back to the server. This function does not wait for a reply back from the server but instead returns immediately and allows the following code to run immediately. Again a reference to the request is returned and it is by attaching a callback function to the returned object that we can detect and handle the information from the server when it is eventually received.

Attribute ; An Attribute is part of an HTML tag that has a value. It is used to define the properties associated with that individual tag.

ActiveX; ActiveX is a proprietary addon to Javascript provided by Microsoft in the various versions of Internet Explorer. Its purpose is to allow those companies using IE for their intranet to allow Javascript to access information from the computer itself. Microsoft recommend that anyone running Internet Explorer on the internet have activeX turned off since web pages do not know how your computer is configured and such access can lead to major problems with viruses and spyware.

AJAX; AJAX (Asynchronous Javascript And XML) is a new method of combining client side programming in Javascript with server side processing that can deliver XML fragments back to your web page to allow the page to be updated with new information from the server without having to reload the entire web page.

Anchor; An Anchor object is automatically created for each of the anchor points on a web page (ie. all <a name="anchorname" id="anchorname">). This is not a reserved word so you can declare your own variable or function called Anchor but if you do then you will not be able to access the anchors on the page from Javascript

Byte-Button-Browser-Break-Boolean-Bookmarklet-Blur

2010-04-21T11:18:00.000-07:00

a b c d e f h i j l m n o p r s t u v w

Blur; The blur method is used to remove the focus (ie make non-current) the object that it belongs to. Giving a text field the blur will move the cursor to the next field. Giving a window the blur will move it behind all of the others. This is not a reserved word so you can declare your own variable or function called blur but if you do then you will not be able to use this method to control which object is current.

Bookmarklet; A Bookmarklet is a small Javascript (under 500 characters) that is accessed from the bookmarks or favorites menu instead of being linked directly into a web page. This allows the Javascript to be run against any web page.

Boolean; At one stage it was planned that specific data types would be introduced into the Javascript language. boolean is one the data types that would have been able to be explicitly defined. To allow for this boolean was a reserved word. The plan to allow specific data types in Javascript no longer exists and boolean is therefore no longer on the reserved word list in the latest standards. Since many people still use earlier browsers where this was defined as a reserved word you should avoid using it.

Break; The break statement terminates execution of a block of code earlier than normal. It either breaks out of the closest block of code if by itself or it can break out of a labelled block at a higher level by specifying the name of the block to break out of. The most common use for the break statement is within a switch block where it is used to break out of the switch block after the appropriate code for the matching case has been run. Break is a reserved word and cannot be used for anything other than declaring a break statement.

Browser; A web Browser is a program used to display web pages. The browser interprets the instructions on how the web page should be displayed. Browsers als determine whether Javascript attached to web pages can be run and also interpret the Javascript commands. Some examples of modern browsers include Netscape, Firefox, Opera, and Konquerer.

Button; The Button object is used to access buttons within forms from Javascript. This is not a reserved word so you can declare your own variable or function called button but if you do then you will not be able to properly process any forms that contain buttons on your page from Javascript.

Byte; At one stage it was planned that specific data types would be introduced into the Javascript language. byte is one the data types that would have been able to be explicitly defined. To allow for this byte was a reserved word. The plan to allow specific data types in Javascript no longer exists and byte is therefore no longer on the reserved word list in the latest standards. Since many people still use earlier browsers where this was defined as a reserved word you should avoid using it.

Constructor-Confirm-Concatenate-Closed-clearTimeout -ClearInterval-Class-Checkbox-Char-Catch-Cascading StyleSheets

2010-04-20T10:28:00.000-07:00

a b c d e f h i j l m n o p r s t u v w

Cascading StyleSheets; Cascading StyleSheets are used to define the appearance of the web page. The stylesheet defines which fonts should be used, how much space to leave around particular objects on the page, where the objects should be placed on the page, and just about anything else to do with the appearance of the web page. The stylesheet can be modified using Javascript via the Document Object Model.

Case; The case clause within a switch statement specifies one of the values that the switch statement can evaluate to. If the switch statement evaluates to this particular case value then the statements following the case label will be run. Case is a reserved word and cannot be used for anything other than declaring a case within a switch statement.

Catch; The catch statement defines a block of code that will provide special error processing for a specified error if it occurred in the immediately preceding try block. Catch is a reserved word and cannot be used for anything other than declaring an error handler for a try block.

Char; At one stage it was planned that specific data types would be introduced into the Javascript language. char is one the data types that would have been able to be explicitly defined. To allow for this char was a reserved word. The plan to allow specific data types in Javascript no longer exists and char is therefore no longer on the reserved word list in the latest standards. Since many people still use earlier browsers where this was defined as a reserved word you should avoid using it.

Checkbox; The Checkbox object is used to access checkboxes within forms from Javascript. This is not a reserved word so you can declare your own variable or function called checkbox but if you do then you will not be able to properly process any forms that contain checkboxes on your page from Javascript.

Class; Class is an term used in object oriented programing to indicate the type of object. For example 1 is a number so it belongs to the number class, today is a date so it belongs to the date class.

A class also has methods attached to it which define how the properties of objects belonging to the calss may be manipulated.

ClearInterval; The clearInterval method is available on window objects. It is used to clear a delay to a function that was set using setInterval(). This is not a reserved word so you can declare your own variable or function called clearInterval but if you do then you will not be able to use the method.

ClearTimeout; The clearTimeout method is available on window objects. It is used to clear a delay to a function that was set using setTimeout(). This is not a reserved word so you can declare your own variable or function called clearTimeout but if you do then you will not be able to use the method.

Client; You will often find references to client side processing or client computer. In either case what is being referred to is the computer at the home or workplace of the person who is accessing the internet. The client computer is the one where the web browser and Javascript is run.

Close; The close method is usually used with windows objects to close the browser window. This is not a reserved word so you can declare your own variable or function called close but if you do then you will not be able to use this method.

Closed; The closed property is usually used with windows objects to test if the browser window is open or not. This is not a reserved word so you can declare your own variable or function called closed but if you do then you will not be able to use this property.

Concatenate; Concatenate means to join together. This term is usually used in reference to joining pieces of text together into a larger piece of text.

Confirm; The confirm function that is predefined for use in Javascript is similar to the alert function in that it will display a popup message on the screen. The difference with confirm is that as well as the OK button there is also a Cancel button. One of these needs to be selected to make the message disappear. The confirm function will return true if the OK button is selected and false if the Cancel button is selected allowing different actions to be taken depending on which button is selected. This is not a reserved word so you can declare your own variable or function called confirm but if you do then you will not be able to use the built-in function.

Constructor; A constructor is used to create a new instance of a class (ie. to create an object).

Continue; The continue statement is used within loops to bypass the rest of the code for the current run through the loop. With while (and do/while) loops it jumps to the spot in the loop where the while statement is evaluated again to see whether to continue around the loop. With for loops it jumps to the spot there the third statement in the for loop definition is run and continues from there. Continue is a reserved word and cannot be used for anything other than bypassing loop processing.

Double-Document Object Model-Document-Do-Delete-Default-Debug-Date

2010-04-19T11:30:00.001-07:00

a b c d e f h i j l m n o p r s t u v w

Date; The Date class is used to define and manipulate dates. You can obtain the current date and time as well as perform date calculations using this class. This is not a reserved word so you can declare your own variable or function called Date but if you do then you will not be able to use the Date class.

Debug; The story goes that when one of the early computers malfunctioned Admiral Grace Hopper discovered that the problem was that a moth had got into the circuitry and caused a short circuit. This was the origin of the term bug in reference to problems with computer programs running correctly. The process of removing errors from computer programs has therefore become known as debugging.

Default; The default clause within a switch statement specifies the statements that are to be run if none of the cases apply. Default is a reserved word and cannot be used for anything other than declaring the default clause within a switch statement.

Delete; The delete statement deletes an object that was created using the new statement. Delete is a reserved word and cannot be used for anything other than deleting an object.

DHTML; DHTML is not a separate language as such but rather a method of combining HTML, stylesheets, and Javascript to create dynamic effects on your web page.

Do; The do / while statement specifies a block of code that is to be run multiple times. It will run until either the while condition is not met or a break statement within the do block is run. The while condition is tested at the end of the loop so the loop will always run at least once. Do is a reserved word and cannot be used for anything other than declaring the start of a do/while statement.

Document; The document object is used to reference and manipulate the content of the current page. Exactly how the page is accessed depends on the Document Object Model that the browser uses. This is not a reserved word so you can declare your own variable or function called document but if you do then you will not be able to reference anything on the current web page.

Document Object Model; The document object model is a collection of class definitions that allow a program written in Javascript to interact with the objects on the web page.

Unfortunately there are three different DOMs that have been used by different web browsers. Netscape 4 used one DOM that was not incorporated into subsequent versions. Internet Explorer use their own DOM in all recent versions of their browser. The standard DOM developed by W3C is supported to varying extents by all modern browsers including Internet Explorer.

Double; At one stage it was planned that specific data types would be introduced into the Javascript language. double is one the data types that would have been able to be explicitly defined. To allow for this double was a reserved word. The plan to allow specific data types in Javascript no longer exists and double is therefore no longer on the reserved word list in the latest standards. Since many people still use earlier browsers where this was defined as a reserved word you should avoid using it.

Event-Eval-Escape-Encryption-Else-ECMAscript

2010-04-15T09:46:00.000-07:00

a b c d e f h i j l m n o p r s t u v w

ECMAscript; ECMA is an international standards organization. When they were given responsibility for the Javascript standards the language was officially renamed ECMAscript. ECMAscript itself specifies only the core language, it does not contain anything to reference the browser or the web document being displayed.

Else; The else clause within an if statement specifies code that is to be run when the condition attached to the if statement evaluates to false or zero. Else is a reserved word and cannot be used for anything other than declaring an else clause within an if statement.

Encryption; Encryption is a means of concealing the actual content and meaning of something by substituting other values according to some predefined formula. This can vary from straight substitution through formula substitutions to actual code table lookups.

In normal use the more complex the formula used for the conversion and the less relationship that there is between specific encrypted values and the original source then the harder it becomes for anyone to decrypt the content of the message.

With Javascript encrypted web pages the exact encryption method used is totally irrelevant as the web page also needs to include the script to decrypt the page or the web browser can't decrypt and display it. This makes even the most complex encryption method just as easy to bypass as the simplest substitution.

Escape; The escape built-in function converts all of the characters in a text string that are not alphabetic or numeric to the hexadecimal number equivalent preceded by a %. This is not a reserved word so you can declare your own variable or function called escape but if you do then you will not be able to use the built-in function

Eval; The Eval built-in function is used to evaluate whatever is passed to it and then to run it. This allows you to use Javascript to dynamically build the Javascript code that is to be run next. This is not a reserved word so you can declare your own variable or function called Eval but if you do then you will not be able to use the built-in function.

Event; An Event is something that happens. Examples of web page events include loading a new page, clicking on a link, or filling out a form field. Javascript uses event handlers to identify when specific events have occurred and to perform the processing that has been defined to handle that event.

Function-Frame-Forms-For-Focus-Float-Flash-Finally-Final-FileUpload-False

2010-04-14T13:15:00.000-07:00

a b c d e f h i j l m n o p r s t u v w

False; Boolean variables can only have one of two values false or true. All conditions within if statements, for loops and while loops are evaluated as boolean results. False is a reserved word and cannot be used for anything other than to supply a boolean value of false.

FileUpload; The FileUpload object is used to access fileupload fields within forms from Javascript. This is not a reserved word so you can declare your own variable or function called FileUpload but if you do then you will not be able to properly process any forms that contain fileupload fields on your page from Javascript.

Final; At one stage it was planned that specific data types would be introduced into the Javascript language. final is one the data types that would have been able to be explicitly defined. To allow for this final was a reserved word. The plan to allow specific data types in Javascript no longer exists and final is therefore no longer on the reserved word list in the latest standards. Since many people still use earlier browsers where this was defined as a reserved word you should avoid using it.

Finally; The finally statement defines a block of code that will always be run after the completion of the preceding try block. The finally block will always be run even when an error occurs and control is passed to a catch block. The finally block will be run immediately after any catch block. Finally is a reserved word and cannot be used for anything other than declaring a final error handler for a try block.

Flash; Flash is an internet plugin that provides similar functionality to DHTML. The language used to program a Flash presentation is similar to but not identical with Javascript. You can use Javascript to detect whether Flash is installed in the browser.

Float; At one stage it was planned that specific data types would be introduced into the Javascript language. float is one the data types that would have been able to be explicitly defined. To allow for this float was a reserved word. The plan to allow specific data types in Javascript no longer exists and float is therefore no longer on the reserved word list in the latest standards. Since many people still use earlier browsers where this was defined as a reserved word you should avoid using it.

Focus; The focus method is used to give the focus (ie make current) the object that it belongs to. Giving a text field the focus will move the cursor to that field. Giving a window the focus will move it in front of all of the others. Actions that do not specify a particular object to apply to use the one that has the focus. This is not a reserved word so you can declare your own variable or function called focus but if you do then you will not be able to use this method to control which object is current.

For; The for statement specifies a block of code that is to be run multiple times. The for statement contains three sub-statements that control the loop processing. The first statement is run once at the start and usually defines a loop counter. The second statement is the condition statement tested after each time through the loop. The third statement runs at the end of each time through the loop and is usually used to increment the loop counter. For is a reserved word and cannot be used for anything other than declaring a for loop.

Form; The form object is used to provide form processing in Javascript. This is not a reserved word so you can declare your own variable or function called form but if you do then you will not be able to access any forms on your page from Javascript.

Forms; The forms array contains all of the form objects defined for the web page. This is not a reserved word so you can declare your own variable or function called forms but if you do then you will not be able to reference the forms on the web page via this class.

Frame; The frame array contains a list of all of the frames defined within your web page. This is not a reserved word so you can declare your own variable or function called frame but if you do then you will not be able to access any frame information from Javascript.

Frames; The frames array contains all of the frame objects defined in the web page. This is not a reserved word so you can declare your own variable or function called frames but if you do then you will not be able to reference the frames that make up the web page via this class.

Function; A function is a group of statements that have been collected together and given a name. This group of statements can then be run from several different places within the program by calling it by name. You can pass parameters to a function telling it what to process and the function can return a value. When a function does not return a value it is often referred to as a sub-routine.

Function; The function keyword is used to define functions in your program. Function is a reserved word and cannot be used for anything other than defining a function.

HTML-Hidden

2010-04-13T11:00:00.001-07:00

a b c d e f h i j l m n o p r s t u v w

Hidden; The Hidden object is used to access hidden fields within forms from Javascript. This is not a reserved word so you can declare your own variable or function called Hidden but if you do then you will not be able to properly process any forms that contain hidden fields on your page from Javascript.

HTML; HTML is not a programming language, It is a method of marking up the content of your web page so that a web browser knows how you want it displayed. HTML consists of a number of different tags that you surround the various pieces of your page content with to identify what that content is. For example you surround each paragraph with paragraph tags. The web browser then knows how to display the content based on which tags you have used. You can modify the way that a web browser processes your HTML using stylesheets.

isNaN-isfinite-Int-Instanceof-Innerwidth-Innerheight-Infinity-In-Image-If

2010-04-12T12:25:00.001-07:00

a b c d e f h i j l m n o p r s t u v w

If; The if statement specifies a condition and one or two blocks of code. When the condition evaluates to anything other than false or zero the first block of code is run. If a second block of code is specified in an else clause then that block of code will run when the first block doesn't (ie when the condition evaluates to false or zero). If is a reserved word and cannot be used for anything other than declaring an if statement.

Image; An Image object is automatically created for each of the images on a web page. This is not a reserved word so you can declare your own variable or function called Image but if you do then you will not be able to access the images on the page from Javascript.

Images; The images array contains all of the image objects defined for the web page. This is not a reserved word so you can declare your own variable or function called images but if you do then you will not be able to reference the images on the web page via this class.

In; The in clause is used with a for/in statement to identify an object to be processed by the statement. The loop code will be run for each of the properties of the object. They will be assigned one at a time to the variable defined by the in clause. In is a reserved word and cannot be used for anything other than declaring a for/in loop.

Infinity; Infinity is a global property (variable) with a constant value. If the result of a mathematical calculation would result in a number that is to big to be held in a Javascript numeric field then this value is assigned to the field instead. This allows you to test the result of a calculation to see if the answer has overflowed the maximum allowable value. While this value is assigned as a result of a numerical calculation testing the value itself is not a numerical value. This is not a reserved word so you can declare your own variable or function called Infinity but if you do then you will not be able to reference the global property to test for numerical overflow.

Innerheight; The innerheight property is used to determine the height of a window in some browsers. This is not a reserved word so you can declare your own variable or function called innerheight but if you do then you will not be able to find or alter the height of a window in some browsers.

Innerwidth; The innerwidth property is used to determine the width of a window in some browsers. This is not a reserved word so you can declare your own variable or function called innerwidth but if you do then you will not be able to find or alter the width of a window in some browsers

Instance; When an object oriented program creates an object it is said to have created an instance of the particular class to which that object belongs. The process of instantiation of an object is performed by a constructor.

Instanceof; The instanceof statement tests if an object is of a particular type. It evaluates to true if the object is that type and false if it is not. Instanceof is a reserved word and cannot be used for anything other than testing an object's type.

Int; At one stage it was planned that specific data types would be introduced into the Javascript language. int is one the data types that would have been able to be explicitly defined. To allow for this int was a reserved word. The plan to allow specific data types in Javascript no longer exists and int is therefore no longer on the reserved word list in the latest standards. Since many people still use earlier browsers where this was defined as a reserved word you should avoid using it.

isfinite; isfinite is a global method that can be used to test for a number being too big for Javascript to handle. Unlike testing against Infinity directly which only allows you to test for a positive number overflow condition, using this method also tests for -Infinity. This is not a reserved word so you can declare your own variable or function called isfinite but if you do then you will not be able to use this method.

isNaN; isNaN is a global method which will return true if the object is a number and false if it is not. This is not a reserved word so you can declare your own variable or function called isNaN but if you do then you will not be able to use this method.

Julian Day-Javascript-Java

2010-04-01T08:09:00.001-07:00

a b c d e f h i j l m n o p r s t u v w

Java; Java is not the same as Javascript. While can be used to create applets for browsers it requires a plug-in installed in order to be able to run on client computers. Java can also be used for server side programming.

Javascript; Javascript is a scripting language that was designed to give web pages the ability to interact with the people viewing them. Examples of such interaction include performing actions in response to mouse movement or mouse clicks and validation of what has been entered into forms. Javascript is made up of the core language (also known as ECMAscript), the Document Object Model (which allows interaction with the web page), and the Browser Object Model (which allows limited interaction with the browser).

Julian Day; The current Julian Day is a single number that is a count of the number of days that have past since noon Universal Time on January 1, 4713 BCE. This means that midnight on the zero meridian will always have a Julian day ending with .5

Long-locationbar-Location-Links-Link-Length

2010-03-31T10:35:00.001-07:00

a b c d e f h i j l m n o p r s t u v w

Length; The length method is used to supply the length of the particular object. This is not a reserved word so you can declare your own variable or function called length but if you do then you will not be able to find out the length of objects.

Link ; A Link object is automatically created for each of the link on a web page (ie. all <a href="somewhere.htm">). This is not a reserved word so you can declare your own variable or function called Link but if you do then you will not be able to access the links on the page from Javascript.

Links; The links array contains all of the link objects defined for the web page. This is not a reserved word so you can declare your own variable or function called links but if you do then you will not be able to reference the links on the web page via this class.

Location; The location of the current page is the address of where it can be found on the web. By assigning a new value to the location we can load an alternative page into the browser. This is not a reserved word so you can declare your own variable or function called location but if you do then you will not be able to reference the location of the current page or change to a different page using Javascript.

locationbar; The locationbar property allows you to reference the location bar (or address bar) in the browser in order to test whether it is visible or not. With most browsers this is a read only field. This is not a reserved word so you can declare your own variable or function called locationbar but if you do then you will not be able to access that part of the browser.

Long; At one stage it was planned that specific data types would be introduced into the JavaScript language. long is one the data types that would have been able to be explicitly defined. To allow for this long was a reserved word. The plan to allow specific data types in JavaScript no longer exists and long is therefore no longer on the reserved word list in the latest standards. Since many people still use earlier browsers where this was defined as a reserved word you should avoid using it.

Moveto-Moveby-mimeTypes-Method-menubar-Math

2010-03-30T09:51:00.001-07:00

a b c d e f h i j l m n o p r s t u v w

Math; The Math class is used to define advanced mathematical functions that can be applied to numeric variables. This is not a reserved word so you can declare your own variable or function called Math but if you do then you will not be able to use the Math class.

menubar; The menubar property allows you to reference the menu bar in the browser in order to test whether it is visible or not. With most browsers this is a read only field. This is not a reserved word so you can declare your own variable or function called menubar but if you do then you will not be able to access that part of the browser.

Method; A Method is a function that is attached to a particular class. The method has access to manipulate the properties of objects belonging to the class but unlike functions is only accessible to objects belonging to the class to which the method is attached.

mimeTypes; The mimeTypes class defines a collection containing all of the mime types supported by the browser. This is not a reserved word so you can declare your own variable or function called mimeTypes but if you do then you will not be able to reference the list of mimetypes.

Moveby; The moveby method is used to move objects by a specified distance from their current location. This works both for objects within a web page and for browser windows. This is not a reserved word so you can declare your own variable or function called moveby but if you do then you will not be able to use this method.

Moveto; The moveto method is used to move objects to a specific location within their parent. This works both for objects within a web page and for browser windows. This is not a reserved word so you can declare your own variable or function called moveto but if you do then you will not be able to use this method.

Number-Null-New-Navigator-NaN

2010-03-29T10:11:00.000-07:00

a b c d e f h i j l m n o p r s t u v w

NaN; NaN is a global property (variable) with a constant value. NaN is an abbreviation for "Not a Number". Comparison of any object to this property will return true if the object is not a number and false if it is. This is not a reserved word so you can declare your own variable or function called NaN but if you do then you will not be able to reference the global property to test for if a field contains a numeric value.

Navigator; The navigator contains information that the browser supplies to the web page such as what browser it claims to be, what operating system it thinks is running on the computer, and other similar information. This is not a reserved word so you can declare your own variable or function called navigator but if you do then you will not be able to reference the navigator information.

New; The new statement defines creates a new object. This object will continue to exist until the page is unloaded or it is deleted using the delete statement. New is a reserved word and cannot be used for anything other than creating a new object.

Null; is a special value that all variables are considered to have if they have been defined but have not been assigned a value. Null is a reserved word and cannot be used for anything other than to check that a variable does not have an assigned value.

Number; The Number object is used to define and modify numeric fields. Special values such as MAX_VALUE and methods such as toFixed, toExponential, and toPrecision belong to the Number class. This is not a reserved word so you can declare your own variable or function called Number but if you do then you will not be able to use the Number object.

Outerwidth-Outerheight-Operator-Open-Onunload-Onload-Onfocus-Onerror-Onblur-Object Oriented Programming-Obfuscation

2010-03-26T08:27:00.000-07:00

a b c d e f h i j l m n o p r s t u v w

Obfuscation; ike encryption, obfuscation is a means of concealing the content of your HTML or Javascript from casual view. Unlike encryption there is no decryption script required since the standard obfuscated values are interpreted by the browser exactly the same as if the plain characters were there.

With HTML the obfuscated versions of characters are ampersand variables. These consist of an ampersand foloowed by the numeric value associated with the particular character in the character set that the web page is using and is then terminated with a semi-colon. These are directly readable by the browser as if they were the original characters

With Javascript and for values in web links the value starts with a percent sign and is followed by the two digit hexadecimal value of the character. These are directly readable in web addresses as if they were the original characters. In Javascript you simply anclose the entire obfuscated string inside of an unescape() function call to tell the browser how to handle the code.

As the means of converting these values back into readable text are well known using these techniques does not hide your page content from individuals viewing your page but it may be sufficient to conceal information from web spiders.

Object; An Object represents an individual, identifiable item. An object belongs to a class and has properties. For example we might have two objects - yesterday and today - each of which is a date. The properties of the two dates are different because the each has a different day of the week.

Object Oriented Programming; Object Oriented Programming involves defining objects and the way that these objects interact with one another. Objects belong to classes that define all of the common functionality that those objects share in common so that you do not have to define everything all over again when you create a new object that belongs to an existing class.

Onblur; The onblur event is used to define actions to be taken when the object to which the event is attached loses the focus ie. ceases to be current. This is not a reserved word so you can declare your own variable or function called onblur but if you do then you will not be able to use this event.

Onerror; The onerror event is used to define actions to be taken when the there is an error condition raised by your Javascript code. This is not a reserved word so you can declare your own variable or function called onerror but if you do then you will not be able to use this event to set up your own error handling.

Onfocus; The onfocus event is used to define actions to be taken when the object to which the event is attached gains the focus ie. bocomes current. This is not a reserved word so you can declare your own variable or function called onfocus but if you do then you will not be able to use this event.

Onload; The onload event is used to define actions to be taken when the web page to which it is attached finishes loading. This is not a reserved word so you can declare your own variable or function called onload but if you do then you will not be able to use this event.

Onunload; The onunload event is used to define actions to be taken when the web page to which it is attached is unloaded (ie. when your visitor moves on to another page). This is not a reserved word so you can declare your own variable or function called onunload but if you do then you will not be able to use this event.

Open; The open method is usually used with windows objects to open a new browser (popup) window. This is not a reserved word so you can declare your own variable or function called open but if you do then you will not be able to use this method.

Opener; After you have opened a popup or popunder window the new window is able to reference the window that opened it using the opener object. This is not a reserved word so you can declare your own variable or function called opener but if you do then you will not be able to reference anything on the web page that opened this new window.

Operator; An operator is used to change the content of a variable. There are a number of different types of operator.

* Assignment Operators eg: = += -= *= /= %= <<= >>= >>>= &= |= ^=
* Concatenation Operator eg: +
* Arithmetic Operators eg: + - * / % ++ --
* Comparison Operators eg: == != > < >= <=
* Logical Operators eg: && || !
* Bitwise Operators eg: & | ^ - << >> >>>

Outerheight; The outerheight property is used to determine the height of a window (including the browser borders and title bar) in some browsers. This is not a reserved word so you can declare your own variable or function called outerheight but if you do then you will not be able to find the height of the window in all browsers.

Outerwidth; The outerwidth property is used to determine the width of a window (including the browser borders and title bar) in some browsers. This is not a reserved word so you can declare your own variable or function called outerwidth but if you do then you will not be able to find the width of the window in all browsers.

Property-Prompt-Procedural Programming-Print-personalbar-Password-ParseInt-ParseFloat-Parse-Parent-Parameter-Pageyoffset-Pagexoffset

2010-03-25T13:53:00.000-07:00

a b c d e f h i j l m n o p r s t u v w

Pagexoffset; The pageXOffset property is used to determine the X coordinate of the scroll position in some browsers. This is not a reserved word so you can declare your own variable or function called pageXOffset but if you do then you will not be able to find or alter the scroll position of a window in some browsers

Pageyoffset; The pageYOffset property is used to determine the Y coordinate of the scroll position in some browsers. This is not a reserved word so you can declare your own variable or function called pageYOffset but if you do then you will not be able to find or alter the scroll position of a window in some browsers

Parameter; A Parameter is a variable that is passed to a function as part of the function call. The parameters that you pass supply values to the arguments defined within the function.

Parent; When you are using frames or iframes then a relationship exists between the various pages that make up what is being displayed on the screen. Where one page contains another that page is the parent of the other page. This is not a reserved word so you can declare your own variable or function called parent but if you do then you will not be able to reference the parent page from within a page contained within a frame.

Parse; Parsing is the process of reading the source code of your program in order to determine what the code is supposed to do. The Javascript interpreter built into the web browser parses Javascript by searching for reserved words and operators. It can also identify variables/properties and functions/methods that have already been defined. It knows what those parts of the statement mean and is therefore able to determine what the rest means from its context.

ParseFloat; The parseFloat built-in function extracts the number portion of whatever value is passed to it. One common use for this function is to convert numbers in text strings to numbers so that they can be used in numerical calculations. This is not a reserved word so you can declare your own variable or function called parseFloat but if you do then you will not be able to use the built-in function.

ParseInt; The parseInt built-in function extracts the integer portion of whatever value is passed to it. One common use for this function is to extract the major version number of thecurrent browser from the version field discarding the minor version number (eg. 7.53 becomes just 7). This is not a reserved word so you can declare your own variable or function called parseInt but if you do then you will not be able to use the built-in function.

Note that if the number passed to the parseInt function has a leading zero (eg. 07) then that number will be considered to be an octal (base 8) number instead of a decimal (base 10) number.

Password; The Password object is used to access password fields within forms from Javascript. This is not a reserved word so you can declare your own variable or function called Password but if you do then you will not be able to properly process any forms that contain password fields on your page from Javascript.

personalbar; The personalbar property allows you to reference the personal bar (or links bar) in the browser in order to test whether it is visible or not. With most browsers this is a read only field. This is not a reserved word so you can declare your own variable or function called personalbar but if you do then you will not be able to access that part of the browser.

Print; The print method is used with windows objects to send the current contents of the windowe to the printer. This is not a reserved word so you can declare your own variable or function called print but if you do then you will not be able to print the content of the window.

Procedural Programming; Procedural programming uses a structured approach to coding the program where the functionality of the program is broken down into a number of functions or subroutines to make it easier to follow and reduce the need to repeat code.

Prompt; The prompt function that is predefined for use in Javascript is similar to the alert and confirm functions in that it will display a popup message on the screen. The difference with prompt is that this [popup actually has an input field where your visitor can type in a value to be returned to your script. This is not a reserved word so you can declare your own variable or function called prompt but if you do then you will not be able to use the built-in function.

Property; Properties are those values that are associated with a particular object that distinguish that object from other objects belonging to the same class. For example each image on your web page has the following properties (amongst others): width, height, filename, title, alternate text. Javascript can change the values of these properties by calling the methods attached to the image class.

RegExp-Reserved Words-Reset-Resizeby-Resizeto-Return

2010-03-24T12:04:00.000-07:00

a b c d e f h i j l m n o p r s t u v w

Return; The return statement terminates execution of a function and returns the following value as the value of the function. Return is a reserved word and cannot be used for anything other than returning a value from a function.

Resizeto; The resizeto method is used to resize objects to a specific size. This is not a reserved word so you can declare your own variable or function called resizeto but if you do then you will not be able to use this method.

Resizeby; The resizeby method is used to resize objects by a specified amount from their current size. This is not a reserved word so you can declare your own variable or function called resizeby but if you do then you will not be able to use this method.

Reset; The Reset object is used with form processing in Javascript to reset the form back to its original values. This is not a reserved word so you can declare your own variable or function called reset but if you do then you will not be able to reset forms.

Reserved Words; Some words have a special meaning in Javascript. These reserved words are the ones that you use to provide the instructions on what the program is to do. You cannot use these words as variable or function names.

RegExp; The RegExp object is used to define Regular Expressions. This is not a reserved word so you can declare your own variable or function called RegExp but if you do then you will not be able to use the RegExp object.

Radio; The Radio object is used to access radio buttons within forms from Javascript. This is not a reserved word so you can declare your own variable or function called Radio but if you do then you will not be able to properly process any forms that contain radio buttons on your page from Javascript.

Switch-Subroutine-Submit-String-statusbar-Short-SetTimeout-Server-Scrollto-Scrollby-scrollbars

2010-03-23T11:22:00.000-07:00

a b c d e f h i j l m n o p r s t u v w

scrollbars; The scrollbars property allows you to reference the scroll bars in the browser in order to test whether they are visible or not. With most browsers this is a read only field. This is not a reserved word so you can declare your own variable or function called scrollbars but if you do then you will not be able to access that part of the browser.

Scrollby; The scrollby method is used to scroll the current object by a specified distance from the current scroll position. This works for anything that has scroll bars. This is not a reserved word so you can declare your own variable or function called scrollby but if you do then you will not be able to use this method.

Scrollto; The scrollto method is used to scroll the current object to a specific scroll position. This works for any object having a scrollbar. This is not a reserved word so you can declare your own variable or function called scrollto but if you do then you will not be able to use this method.

Select; The Select object is used to access select dropdowns or lists within forms from Javascript. This is not a reserved word so you can declare your own variable or function called Select but if you do then you will not be able to properly process any forms that contain select dropdowns or lists on your page from Javascript.

Server; When a web program runs on the server computer or there is server side processing the program in question is being run on the computer that hosts the web site and not on your computer.

SetInterval; The setInterval method is available on window objects. It is used to add a delay to a function (usually one that is going to be executed multiple times. This is not a reserved word so you can declare your own variable or function called setInterval but if you do then you will not be able to use the method.

SetTimeout; The setTimeout method is available on window objects. It is used to add a delay to a function (usually one that is going to be executed multiple times. This is not a reserved word so you can declare your own variable or function called setTimeout but if you do then you will not be able to use the method.

Short; At one stage it was planned that specific data types would be introduced into the JavaScript language. short is one the data types that would have been able to be explicitly defined. To allow for this short was a reserved word. The plan to allow specific data types in JavaScript no longer exists and short is therefore no longer on the reserved word list in the latest standards. Since many people still use earlier browsers where this was defined as a reserved word you should avoid using it.

statusbar; The statusbar property allows you to reference the status bar in the browser in order to test whether it is visible or not. With most browsers this is a read only field but some do allow you to output text into the status bar if your visitor has configured the browser appropriately. This is not a reserved word so you can declare your own variable or function called statusbar but if you do then you will not be able to access that part of the browser.

String; The String object is used to define and modify text strings. As strings can be more easily defined simply by enclosing the valuein quotes the main use where you will see them referenced is to convert numeric fields to text. This is not a reserved word so you can declare your own variable or function called String but if you do then you will not be able to use the String object.

Submit; The Submit object is used with form processing in Javascript to actually submit the validated form. This is not a reserved word so you can declare your own variable or function called submit but if you do then you will not be able to submit forms.

Subroutine; A subroutine is a group of statements that have been collected together and given a name. This group of statements can then be run from several different places within the program by calling it by name. You can pass parameters to a subroutine telling it what to process. A subroutine diifers from a function in that a function returns a value while a subroutine does not. While other programming languages may use different means of calling functions and subroutines - eg 'call subroutine();' and 'x = function();' - Javascript makes no distinction between subroutine and function calls.

Switch; The switch statement specifies a number of cases that a variable can evaluate to and one or more statements to be run if the switch evaluates to a particular case. If the switch statement does not evaluate to a particular case value then the statements following the default label will be run. Switch is a reserved word and cannot be used for anything other than declaring a switch statement.

Typeof-True-toString-toolbar-Throw-This-Textarea-Text

2010-03-22T09:11:00.000-07:00

a b c d e f h i j l m n o p r s t u v w

Text; The Text object is used to access text fields within forms from Javascript. This is not a reserved word so you can declare your own variable or function called Text but if you do then you will not be able to properly process any forms that contain text fields on your page from Javascript.

Textarea; The Textarea object is used to access textarea fields within forms from Javascript. This is not a reserved word so you can declare your own variable or function called Textarea but if you do then you will not be able to properly process any forms that contain textarea fields on your page from Javascript.

This; this is a quick way of referencing the current object. It allows the same code to be reused on multiple objects where the object that is being referenced is determined based on which one currently has the focus. This is a reserved word and cannot be used for anything other than referencing the current object.

Throw; The throw statement creates an error. The statement sets the error condition which can be a any valid variable or object type. Throw is a reserved word and cannot be used for anything other than to generate a custom error.

toolbar; The toolbar property allows you to reference the tool bar in the browser in order to test whether it is visible or not. With most browsers this is a read only field. This is not a reserved word so you can declare your own variable or function called toolbar but if you do then you will not be able to access that part of the browser.

toString; The toString method is used to convert an object into a text string. This is not a reserved word so you can declare your own variable or function called toString but if you do then you will not be able to convert objects into strings.

True; Boolean variables can only have one of two values false or true. All conditions within if statements, for loops and while loops are evaluated as boolean results. True is a reserved word and cannot be used for anything other than to supply a boolean value of true.

Try; The try statement defines a block of code that will have special error processing attached to handle any errors that occur during the running of the code in the block. Any errors occuring during the execution of the code will be handled by the appropriate catch and finally blocks. Try is a reserved word and cannot be used for anything other than declaring a try block.

Typeof; The typeof statement tests if an object is of a particular type. It evaluates to true if the object is that type and false if it is not. Typeof is a reserved word and cannot be used for anything other than testing an object's type.

User Script-Unwatch-Universal Co-ordinated Time (UTC)-Unescape-undefined

2010-03-21T09:18:00.000-07:00

a b c d e f h i j l m n o p r s t u v w

undefined; undefined is a global property (variable) with a constant value. Javascript treats undefined as being equal to null. A variable that has not been defined at all or which has been defined but not yet given a value will be considered to have a value of null or undefined. Some of the Javascript documentation states that a field that is not declared is null while one that is declared but has no value is undefined. Logically I would have assumed a field that has not been declared is undefined while one that is declared but without a value is null - the exact opposite of what the documentation says. As the two values are considered to be equal which means what is a moot point. The one difference between null and undefined is that null is a reserved word while undefined is not. As undefined is not a reserved word so you can declare your own variable or function called undefined but if you do then you will not be able to test if a field is undefined (although you will still be able to test if it is null).

Unescape; The unescape built-in function converts all of the hexadecimal number equivalent preceded by a % back to the original character. This is not a reserved word so you can declare your own variable or function called unescape but if you do then you will not be able to use the built-in function.

Universal Co-ordinated Time (UTC); (usually abbreviated UTC) is the name now given to a more accurate version of what used to be known as Greenwich Mean Time and is the time in the timezone that includes the zero meridian where daylight saving time is not in effect. The difference between UTC and GMT is that GMT is tied to the rotation of the Earth directly while UTC is defined via atomic clocks which are kept within one second of GMT by the occasional addition of a leap second.

Unwatch; The unwatch method is available to all Javascript objects. It is used to remove a watch point to a property of that object that was previously added using the watch method. A watchpoint monitors the property and can manipulate the value of the property if required. This is not a reserved word so you can declare your own variable or function called unwatch but if you do then you will not be able to use the method.

User Script; A User Javascript is Javascript that is attached to the web browser itself instead of to a particular web page. These Javascripts can be configured to run either on every web page that you visit or on those web pages that you select to run them on. They are called user Javascripts because they are installed by the user directly in their web browser instead of being attached to any particular web page. The Opera web browser supports User Scripts directly while Firefox and Internet Explorer have add-ons available that can provide the ability to customise your browser with user scripts.

Void-Variable-Var-valueOf

2010-03-20T17:16:00.000-07:00

a b c d e f h i j l m n o p r s t u v w

valueOf; The valueOf method is used to convert an object into the most suitable primitive data type (usually a text string if the object isn't a boolean or number). This is not a reserved word so you can declare your own variable or function called valueOf but if you do then you will not be able to convert objects into primitive data types.

Var; The var statement is used to define a new variable that will be used in later processing. The scope of the variable will be the same as the scope of the block in which it is defined. Var is a reserved word and cannot be used for anything other than to define a new variable.

Variable; A variable is a named location in memory that is used to hold a value that can be modified by the program. Computer programs use variables to hold the data that a program is working with.

Void; The void method can be used to stop a value being returned from a function, method, or other code. It is normally used in bookmarklets to prevent the value returned from the bookmarklet processing from overwriting the web page. Void is a reserved word and cannot be used for anything other than to stop a value being returned.

Watch-While-Window-With-W3C

2010-03-19T14:46:00.000-07:00

a b c d e f h i j l m n o p r s t u v w

W3C; W3C is an abbreviation for World Wide Web Consortium. The W3C is the standards body responsible for defining the HTML standard and the Document Object Model that should be used by Javascript to access those web page objects.

With; The with statement allows you to leave the object name off of the front of all of the property and method references within a block of code. All of the references within the block will be assumed to be properties or methods of the object specified in the with statement. This will make all of the code shorter than it would be if you had to add the object name to all of the references. With is a reserved word and cannot be used for anything other than creating a with block.

Window; The window object is used to reference the current browser window. If you want to manipulate the current window in some way then the methods attached to this object are the way to do it. This is not a reserved word so you can declare your own variable or function called window but if you do then you will not be able to affect the current window in any way.

While; The while statement specifies a block of code that is to be run multiple times. It will run while either the while condition is met or until a break statement within the do block is run. While can also be used to create a do/while statement that will test the condition at the end of the loop instead of at the beginning. While is a reserved word and cannot be used for anything other than declaring a while or do/while statement.

Watch; The watch method is available to all Javascript objects. It is used to add a watch point to a property of that object. A watchpoint monitors the property and can manipulate the value of the property if required. Watchpoints are not automatically deleted when the object is deleted, it has to be removed using unwatch first. This is not a reserved word so you can declare your own variable or function called watch but if you do then you will not be able to use the method .

Other Examples-Application

2010-02-25T08:36:00.000-08:00

Other Examples-Application

is Your Browser Support Java? - Click For View Javascript Code

Visiter Counter - Click For View Javascript Code

Last Update Date - Click For View Javascript Code

Wep Page Refresh - Click For View Javascript Code

Forbidden Right Click - Click For View Javascript Code

Email Control - Click For View Javascript Code

Document Print - Click For View Javascript Code

Privacy Policy

2010-02-25T08:33:00.001-08:00

Privacy Policy

At javascript-lesson.blogspot.com, the privacy of our visitors is of extreme importance to us. This privacy policy document outlines the types of personal information is received and collected by javascript-lesson.blogspot.com and how it is used.

Cookies and Web Beacons

javascript-lesson.blogspot.com does use cookies to store information about visitors preferences, record user-specific information on which pages the user access or visit, customize Web page content based on visitors browser type or other information that the visitor sends via their browser.

DoubleClick DART Cookie

Google, as a third party vendor, uses cookies to serve ads on javascript-lesson.blogspot.com.

Google's use of the DART cookie enables it to serve ads to users based on their visit to javascript-lesson.blogspot.com and other sites on the Internet.

Users may opt out of the use of the DART cookie by visiting the Google ad and content network privacy policy at the following URL - http://www.google.com/privacy_ads.html

The third-party ad servers or ad networks use technology to the advertisements and links that appear on javascript-lesson.blogspot.com send directly to your browsers. They automatically receive your IP address when this occurs. Other technologies (such as cookies, JavaScript, or Web Beacons) may also be used by the third-party ad networks to measure the effectiveness of their advertisements and / or to personalize the advertising content that you see.

javascript-lesson.blogspot.com has no access to or control over these cookies that are used by third-party advertisers.

You should consult the respective privacy policies of these third-party ad servers for more detailed information on their practices as well as for instructions about how to opt-out of certain practices. javascript-lesson.blogspot.com's privacy policy does not apply to, and we cannot control the activities of, such other advertisers or web sites.

If you wish to disable cookies, you may do so through your individual browser options. More detailed information about cookie management with specific web browsers can be found at the browsers' respective websites.

If you require any more information or have any questions about our privacy policy, please feel free to contact us by email at Me.

Animation Examples-Application

2010-02-25T08:28:00.003-08:00

Animation Examples-Application

Animation Counter 1-2-3-4-5 - Click For Examine Javascript Code

Animation - Blur Efect - Counter 1-2-3-4-5 - Click For Examine Javascript Code

Random Text Application - Click For Examine Javascript Code

Text Application - Click For Examine Javascript Code

Animation Text - Click For Examine Javascript Code

Animation Text - Flying - Click For Examine Javascript Code

Animation Texts Application - Click For Examine Javascript Code

Slide Text Application - Click For Examine Javascript Code

Typewriter Text Application - Click For Examine Javascript Code

Date-Counter Calendar Examples-Applications

2010-02-25T08:28:00.001-08:00

Date-Counter Calendar Examples-Applications

Date And Clock - Click For Javacscipt Codes

Date And Clock in Text Box - Click For Javacscipt Codes

Calendar - Click For Javacscipt Codes

You have been Visited Since ... Click For Javacscipt Codes

Only Clock - Click For Javacscipt Codes

Only Date - Click For Javacscipt Codes

Animation Time of Day - Click For Javacscipt Codes

Clock on the Button - Click For Javacscipt Codes

Date of Day - Click For Javacscipt Codes

Background Examples-Application

2010-02-25T08:27:00.000-08:00

Background Examples-Application

Change Background Color - Examine This Application

Animated Background Color - Examine This Application

Your Visitors can be able change Background Color - Examine This Application

StatusBar / TitleBar - Examples-Application

2010-02-25T08:26:00.000-08:00

StatusBar / TitleBar - Examples-Application

Marquue Text on the Title Bar - Examine This Example

Text on the Title Bar - Examine This Example

Text on the Status Bar - Examine This Example

Marquue Text on the Status Bar - Examine This Example

Preceding :|: Following Button - Examine This Example

The Return Statement

2010-02-01T10:46:00.001-08:00

Javascript The Return Statement

Functions that will return a result, must use the return statement, this statement specifies the value which will be returned to where the function was called from.

Code Syntax:

function total(a,b)
{
result=a+b
return result
}

These may interest you »» [Javascript Function - Using No Arguments]
[Calling Functions - How to Call a Function - Arguments]
[Javascript Functions]

Using No Arguments

2010-02-01T10:44:00.002-08:00

Javascript - Using No Arguments

Here is example:

Code Syntax:

<html>
<head>
<script language="Javascript">
function example()
{
alert("Hello Javascript");
}
</script>
</head>
<body>
<form name="form1">
<input type="button" value="Click Here" onclick="example()">
</form>
</body>
</html>

These may interest you »» [Javascript Function - The Return Statement]
[Calling Functions - How to Call a Function - Arguments]
[Javascript Functions]

Calling Functions - How to Call a Function - Arguments

2010-02-01T10:44:00.001-08:00

Javascript - Calling Functions

How to Call a Javascript Function

function is not executed before it is called. You can call a function containing arguments or without arguments.

Javascript Arguments

You can pass arguments to a function

Here is example:

Code Syntax:

<html>
<head>
<script language="Javascript">
function example(param)
{
alert(param);
}
</script>
</head>
<body>
<form name="form1">
<input type="button" value="Click Here" onclick="example(‘hello javascript’)">
</form>
</body>
</html>

These may interest you »» [Javascript Function - The Return Statement]
[Javascript Function - Using No Arguments]
[Javascript Functions]

Placing Code

2008-04-09T16:17:00.001-07:00

Javascript Placing Code

When you want to place the script somewhere in the HTML document, you need to choose where to put it. Technically, you may place it anywhere between the <HTML> and </HTML> tags that enclose the whole document. Actually, the two possibilityes are the <HEAD></HEAD> portion and the <BODY></BODY> portion. Because the <HEAD></HEAD> portion is evaluated first, some developers choose to place their JavaScript here. A single HTML document may contain any number of scripts. You can place some of the scripts in the <HEAD></HEAD> portion and others in the <BODY></BODY> portion of the page.

The following code demonstrates this:

A Script in the Body

Scripts in the Head

Scripts in the Head and Body

Placing JavaScript code in another file

Examples Applications Free Codes

2008-04-09T15:55:00.000-07:00

All of this Applications run in Mozilla Firefox and internet Explorer

Other Examples-Application

Animation Examples-Application

Date-Counter Calendar Examples-Applications

Background Examples-Application

StatusBar / TitleBar - Examples-Application

Functions

2008-02-18T12:09:00.001-08:00

Javascript Functions

Code Syntax:

function functionname ( 1, argument2, argument3..... argument_n)
{
Statement1;
Statement2;
Statement3;
}

These may interest you »» [Javascript Function - The Return Statement]
[Javascript Function - Using No Arguments]
[Calling Functions - How to Call a Function - Arguments]

Events

2008-02-18T10:56:00.000-08:00

JavaScript Events

1. onclick : An object was clicked.

2. ondblclick An object was Double clicked.

3. onmouseover : The mouse is moved over a link.

4. onmouseout : The mouse is moved from on top a link.

5. onmousedown : The mouse button is pressed.

6. onmouseup : when the mouse button is released.

7. onload : The object was loaded.

8. onunload : The object was unloaded.

9. onchange : An element lost the focus since it was changed.

10. onsubmit : The user submitted an object, usually a form.

11. onreset : The user reset the object, usually a form.

12. onselect : Some text is selected.

13. onblur : The input focus was lost.

14. onfocus : The input focus was obtained.

15. OnKeyPress : when a keyboard key is pressed or held down

16. onkeyup : when a keyboard key is released

17. Onerror: An error occurred.

18. Onabort: A user action caused an abort.

Comments Add Comment

2008-02-18T10:39:00.000-08:00

Javascript Comments

A comment is text in your code that is not displayed and interpreted by the browser.

There are two ways you can write a comment.

1. You can start a comment with two forward slashes //. Everything on the right side of // is part of the comment.

Here is an example:

document.write("You have comments in your Javascript code.");
//document.write("You can't see this!!");
//-->
</script>

Display:

You have comments in your Javascript code.
2. You can start a comment with /* and end it with */. Everything between /* and */ is part of the comment.

Here is an example:

<SCRIPT LANGUAGE="JavaScript">
/* This line is ignored. You can write it however you want */
document.write("You have comments in your Javascript code.");
/*document.write("You can't see this!!");*/

</SCRIPT>

Display:

You have comments in your Javascript code.

Conditionals Looping

2008-02-18T10:31:00.000-08:00

Conditionals-looping

Javascript Break / Continue

Javascript The If….else statement

Javascript Switch Condition

Hiding the JavaScript

2008-02-18T10:23:00.000-08:00

Hiding the JavaScript

Older browsers that do not support scripts will display the script as page content. To prevent them from doing this, you can use the HTML comment tag:

The two forward slashes on front of the end of comment line (//-->) are a JavaScript comment symbol, and prevent the JavaScript from trying to compile the line.

Note that you cannot put // in front of the first comment line (like //<!--), because older browser will display it.

Alternate Content

In this example "Hello Javascript World" will be displayed in the page when the browser supports Javascript . If the browser doesn't support Javascript then "This page uses Javascript. Your browser doesn't support Javascript" will be displayed instead.

Date Time Object calendar

2008-02-18T10:06:00.000-08:00

Javascript The Date object

The Date object is one of JavaScripts built-in objects. It is used to return a date. To do this you must declare a variable:

mydate=new Date()

You can write a date inside the parentheses, if not, the "mydate" variable contains today's date, see the Date() example below. Now you can access all the methods in the Date object from this variable.

Example:

mydate.getDay()

[ Javascript Redirect Example ] [ Javascript Date Object Methods Example ] [ Javascript Date Object Methods ]

Prompt Method example

2008-02-18T07:46:00.001-08:00

window.prompt() method

The prompt() method displays a prompt dialog box with a message and an input field. You can use these boxes to receive input from the user.

Here is an example :

<html>
<head>
<title>Prompt Application </title>
</head>
<script type="text/javascript">
function load()
{
var x=window.prompt ("Your Name : " , "Please write your name");

window.alert(x)
}
</script>
<body>
<form name="form1">
<input type="submit" name="Submit" value="Click Here" onClick="load()">
</form>
</body>
</html>

Alert Method example

2008-02-18T07:24:00.001-08:00

window.alert() method

This method generates a dialog box that displays whatever text you pass as a Parameter.
A single OK button (whose label you cannot change) enables the user to dismiss the alert.

Here is an example :

<html>
<head>
<script type="text/javascript">
function load()
{
alert("Wellcome My Javascript Site");
}
</script>
</head>
<body onload="load()">
</body>
</html>

Examine this javacript example

Confirm Method example

2008-02-18T07:13:00.001-08:00

window.confirm() method

This dialog box presents two buttons (Cancel and OK ) and is called a confirm dialog box

This method returns a Boolean value, because there are two options. You can use confirmation boxes to ask the user a yes-or-no question, or to confirm an action.

value: true if OK was clicked, false if Cancel was clicked.

Here is an example :

<a href="http://javascript-lessons.blospot.com" onclick="return window.confirm('Do you want to go to MainPage');">Return MainPage</a>

Examine this javacript example

document write and writeln

2008-02-18T07:01:00.001-08:00

write and writeln

The document.write method displays any number of expressions in a document window.
Expressions to be printed can be of any type, including numerics, strings, and
logicals.

Sytnax:

document.write ("Your Sentence" , variable_name );

The writeln() method acts exactly like the write() method, except that it appends a
new line character to the end of the output. HTML generally ignores this character,
but certain tags, such as <PRE>, use it:

<PRE>
one
two
three
</PRE>

After interpretation, the web page appears as:

one
two
three

You can create the same output via JavaScript in the following fashion:

document.write("<PRE>")
document.writeln("one")
document.writeln("two")
document.writeln("three")
document.write("</PRE>")

Other Example :

<Html>
< head>
<SCRIPT language="JavaScript">
var ad= prompt('Please Write Your Name', ' '); if ( (ad==' ') || (ad==null) )
{
ad="YourName";
}
</SCRIPT>
</HEAD>
<BODY>
<SCRIPT language="JavaScript">
document.write("<CENTER><H1>Hello, " + ad + " ! Wellcome Javascript Lessons <\/H1><\/CENTER>");
</SCRIPT>
</body>
</html>

Operators

2008-02-18T06:38:00.000-08:00

Javascript Operator Categories

JavaScript has many operators.

Mathematical operators
Javascript Operators Precedence
Comparison Operators
String operators
Assignment operators
JavaScript Logical Operators
JavaScript Special Operators
Bitwise operators

What is a Variable

2008-02-17T18:32:00.001-08:00

What is a Javascript Variable?

A variable's purpose is to store information so that it can be used later.

Types of Javascript Variables
Rules for Javascript Variable names

When JS Statements Run

2008-02-17T18:12:00.001-08:00

When Javascript Statements Run

1.While a document loads
2.Immediately after a document loads
3.Running a Script from User Action
4.When called upon by other script statements.

1.While a document loads

Here is example:

<HTML>
<HEAD>
<TITLE> When Javascript Statements Run </TITLE>
<SCRIPT LANGUAGE=”JavaScript”>

</SCRIPT>
</HEAD>
<BODY onLoad=”done()”>
</BODY>
</HTML>

2.Immediately after a document loads

Here is example:

<html>
<head>
<title>When Javascript Statements Run </title>
</head>
<body>
<script>

</script>
</body>
</html>

3.Running a Script from User Action

Here is example:

<html>
<head>
<title> When Javascript Statements Run </title>
<script type=”text/javascript”>

</script>
</head>
<body>
<form>
<input type=”text” name=”entry”>
<input type=”button” name=”oneButton” value=”Run Javascript Statements” onclick=”alertUser()”>
</form>
</body>
</html>