JavaScript

Developed initially by Netscape in 1995 for use with HTML pages, JavaScript is now a widely used scripting language supported by the majority of Web browsers and diverse Web tools. A registered trademark of Sun Microsystems, Inc., JavaScript works with HTML pages, adding interactive functions that developers can use to create dynamic Web Pages. JavaScript is a less powerful version of Java that is easy to learn and use as it contains simpler syntax and rules . JavaScript’s source code is embedded into the header of the HTML page on the client side and compiled into intermediate language (bytecode) on the server side. There are no licensing issues with JavaScript.

JavaScript functions as both a procedural language and an object-oriented language. With JavaScript, a developer or programmer can create objects and attach methods and properties. JavaScript reduces the load on the server because most of the data is processed on the client side, resulting in faster processing time for millions of web pages on the Internet. JavaScript’s main functionality is in the development of web pages and web sites that are easily interactive and user-friendly.

Because of the popularity of JavaScript, career opportunities for JavaScript web developers are available all over the world. Online tutorials on JavaScript’s features are available for beginners as well as advanced developers.

 

---

JavaScript Introduction In this JavaScript tutorial you will learn about introduction to JavaScript why JavaScript differences between Java and JavaScript and advantages of JavaScript. What is JavaScript JavaScript was first developed by Netscape as an open scripting language to create interactive web pages. Script is nothing but a small program...
JavaScript Variables In this JavaScript tutorial you will learn about JavaScript variables rules for variable names in JavaScript declaration of variable in JavaScript variables usage JavaScript in external file how to place the JavaScript in external file and how to execute this JavaScript placed in external file. Just like any programming...
How to use JavaScript in HTML page In this JavaScript tutorial you will learn how to use JavaScript in HTML page how to write output to a page different places where JavaScript can be paced in HTML JavaScript in external file and how to place and execute JavaScript in external file. How to Insert JavaScript into a HTML page You can insert JavaScript...
JavaScript Features In this JavaScript tutorial you will learn about features of JavaScript JavaScript as a programming tool dynamic effects browser detection DOM control and other popular JavaScript features. A Great Programming Tool for HTML Professional Web designers are undoubtedly adept in using HTML and proficient in website design but...
JavaScript Conditional Statements Part 1 In this JavaScript tutorial you will learn about the conditional statements available in JavaScript for decision making if statement and if...else statement. Just like any other programming language conditional statements in JavaScript are used for decision making purpose. The conditional statements...
JavaScript Conditional Statements Part 2 In continuation of JavaScript Conditional Statements Part 1 this tutorial will help you learn about remaining conditional statements in JavaScript if...else if...else statement and switch statement. if...else if....else statement If there are many branching or conditions to be decided based on which actions...
JavaScript Alert Box In this JavaScript tutorial you will learn about JavaScript alert box along with code for placing the alert box when page is loaded. There are three types of popup boxes that can be created using JavaScript. Depending on the needs of user the programmer can create any of these types of popup boxes using JavaScript.  Three...
JavaScript Confirm Box In the previous section of this tutorial JavaScript Alert Box we discussed about alert boxes. In this section you will learn about JavaScript confirm box and prompt box. Confirm Box The confirm box is a box that pops up with both an OK and a Cancel button. The confirm box is used to verify acceptance from the user. If the...
JavaScript FileUpload object In this JavaScript tutorial you will learn about FileUpload object FileUpload properties accessKey disabled form name type value FileUpload methods - blur focus select handleEvent click and event handlers - onblur onchange and onfocus. FileUpload object FileUpload represents an element...
JavaScript Form Object In this JavaScript Tutorial you will learn about JavaScript form object properties of form object action - elements encoding length method name target button checkbox FileUpload hidden password radio reset select submit text textarea and methods of form object. Form Object form object is a Browser object...
JavaScript Events Handling In this JavaScript tutorial you will learn about handling events in JavaScript what is event handling in JavaScript events in JavaScript events associated with mouse - onmousemove onclick ondblclick onmouseout onmouseover events associated with keyboard - onkeydown onkeyup onkeypress. onerror onfocus onblur...
JavaScript Object Oriented Features In this JavaScript tutorial you will learn about JavaScript Object Oriented Features object type object instantiation using object properties using object methods and achieving object instantiation. Object-oriented capabilities make any language or application powerful. This section outlines the object oriented...
JavaScript Event Object In this JavaScript tutorial you will learn about JavaScript event object properties of event object altKey ctrlKey and shiftKey button integer value action representation cancelBubble clientX and clientY fromElement and toElement height and width. event Object The event object is a browser object used to get information...
JavaScript Frame Object In this JavaScript tutorial you will learn about frame object its properties and methods in detail with example. frame object properties of frame object frames self name length parent methods of frame object blur focus setInterval clearInterval setTimeout expression milliseconds clearTimeout and events...
Working with JavaScript DOM Objects In this JavaScript tutorial you will learn about DOM object - window properties of window object methods of window object screen properties of screen object navigator properties of navigator object methods of navigator object history property of history object methods of history object location properties...
JavaScript Functions In this JavaScript tutorial you will learn about JavaScript functions and how to create them. What is a function Function is a block of code that can be reused as and when needed at various places. The function executes whenever it is called. JavaScript Functions How does a programmer define create and handle functions...
Passing values to JavaScript Function In this JavaScript Tutorial you will learn about how to pass values to and also how to return values from a JavaScript function. Passing Values to function Values can be passed to a function as parameters. The general syntax for passing values to a function in JavaScript is...
JavaScript Array Object In this JavaScript tutorial you will learn about JavaScript Array Object its properties and methods. Usage of the Array Object The Array object is used to store a set of values in a single variable name. There are many operations involved with Array object Defining Array object Adding Values to Array...
JavaScript Arrays In this JavaScript tutorial you will learn about JavaScript Array different ways of defining an array in JavaScript viz. traditional way shorter form literal array accessing the elements in an array and editing the values or elements in an array. The array concept is used to store a set of values in a single variable name. This...
JavaScript Two Dimensional Arrays In this JavaScript tutorial you will learn about two dimensional arrays  -  how to define and access two dimensional array in JavaScript. Two Dimensional Arrays in JavaScript Two Dimensional Arrays are storing elements in a structure similar to that of a table. Defining Two Dimensional Arrays in JavaScript One...
JavaScript Boolean Object In this JavaScript tutorial you will learn about JavaScript boolean object how to pass value to the boolean object properties and methods used with boolean object. Usage of the Boolean Object The Boolean object is a wrapper for the Boolean data type. The Boolean object is used to convert a non-Boolean value to a Boolean...
JavaScript Event Object Properties and Methods In this JavaScript tutorial you will learn about event object properties and methods like keycode layer offset modifiers page reason returnValue screen srcElement target srcFilter and type. keycode The keycode property of event object is used to indicate the keycode associated with the key...
JavaScript Document Object Properties In this JavaScript tutorial you will learn about Document Object Properties viz. formName forms images lastModified layers linkColor links plugins referrer title URL and vlinkColor. formName Using the formName property any form in the document can be referred and the formName is assigned as FORM...
JavaScript Applet Objects In this JavaScript tutorial you will learn about applet object properties and methods of applet object Methods of applet object area object Properties of area object viz. hash host hostname href pathname port protocol search and  target. applet object The applet object is used in JavaScript to access a Java...
JavaScript Browser Objects In this JavaScript tutorial you will learn about browser objects in JavaScript categories of browser-based objects additional browser objects anchor object link object properties of link object and methods of link object. JavaScript supports a number of browser-based objects. When a webpage loads by a browser that...
JavaScript Location Object Properties In this JavaScript Tutorial you will learn about Properties of Location Object - hash host hostname href pathname port protocol and search property The Location object contains information about the current URL. This representation is a string that denotes the different portions of the URL as below...
JavaScript Browser Objects Part 2 In this JavaScript tutorial you will learn about Browser Objects viz button object properties of button object form name value Methods of button object checkbox object properties of checkbox object - checked defaultChecked form name type value Methods of checkbox object - blur click and focus . button...
JavaScript DOM Window Object In this JavaScript tutorial you will learn about closed property and name property defaultStatus status self property of JavaScript Window object closed Property of Window Object The closed property of a Window object returns a Boolean variable denoting whether window has been closed or not. The closed property...
JavaScript Location Object In this JavaScript tutorial you will learn about JavaScript Location Object - assign reload replace JavaScript Window Object Methods viz alert blur setInterval and clearInterval .Methods of Location Object assign The assign method of location object is used for loading a new document. General...
JavaScript Window Object Open Method In this JavaScript tutorial you will learn about JavaScript Window Object Open Method features of window object open method - channelmode directories dependent fullscreen screenX screenY height left location menubar resizable alwaysLowered alwaysRaised channelmode Syntax channelmode yes no 1 0...
JavaScript Window Object Open Method Part 2 In this JavaScript tutorial you will learn about JavaScript Window Object Open Method features of window object open method - scrollbars status titlebar toolbar top width innerHeight innerWidth outerHeight outerWidth and hotkeys scrollbars Syntax scrollbars yes no 1 0 The scrollbar feature...
JavaScript Array Object Methods Part I In this JavaScript tutorial you will learn about Array Object Methods - concat join pop push and reverse methods  along with general syntax and examples. concat The concat method is used to join two or more Array objects together to produce a new one. In the concat method the...
JavaScript Array Object Methods Part II In this JavaScript tutorial you will learn about on array object methods - slice splice toString shift and unshift methods along with general syntax and examples. slice By using the methods of the array object the programmer is able to retrieve the first and the last elements in an...
JavaScript Iterative Structures - Part I In this JavaScript tutorial you will learn about JavaScript Iterative Structures for loop for..in statement break and continue explained along with syntax and examples. Iterative Structures are used to execute a certain piece of code a specified number of times or until the condition mentioned remains...
JavaScript Iterative Structures - Part II In this JavaScript tutorial you will learn about JavaScript Iterative Structures while loop and do..while loop explained along with syntax and examples. while loop This looping structure is used when a programmer wants the block of code to execute until the condition specified remains true. The...
JavaScript Array Operations In this JavaScript tutorial you will learn about different operations with array in JavaScript how to use the for...in statement Combining Operations between arrays and within elements of an array joining two or more arrays and joining elements of an arrays along with syntax and example scripts.for… in statement...
JavaScript Document Object In this JavaScript tutorial you will learn about document object - part of JavaScript window object properties and windows of document object alinkColor anchors applets bgColor cookie domain embeds and  fgColor. The Document object is part of the Window object. The document object is used to access all...
JavaScript Exception Handling Part I In this JavaScript tutorial you will learn about Exception Handling Catching errors in JavaScript Using try..catch statement and throw in JavaScript along with syntax and examples. It is impossible for a programmer to write a program without errors. Programming languages include exceptions or errors...
JavaScript Exception Handling Part II In this JavaScript tutorial you will learn about exception handling viz. try… catch..finally statement and nested try… catch statements along with syntax and examples. try… catch..finally Statement JavaScript has a finally statement that can be used as an optional construct along...
JavaScript Event Handler In this JavaScript tutorial you will learn about using event handlers along with events for each HTML tag. Using Event Handler in JavaScript Event Handlers are used in JavaScript by placing the name of the event handler inside the HTML tag associated with object. This is followed by JavaScript code’ the...
JavaScript OnError Event In this JavaScript tutorial you will learn about onerror event how to use onerror event along with syntax and example. Using onerror event The onerror event fires when a page has a script error. This onerror event occurs in JavaScript when an image or document causes an error during loading. This does not mean that it...
JavaScript Elements and Embed Objects In this JavaScript tutorial you will learn about browser objects - elements and embed properties of elements object length type embed object properties of embed object along with syntax and examples. elements object The elements object is used in JavaScript to access all form elements such as fields...
JavaScript History Object  Properties and Methods In this JavaScript tutorial you will learn about history object properties and methods length current next previous properties back forward and go methods along with syntax and examples. The history property has the return value as history object which is an array of history...
JavaScript Document Object Methods - Part I In this JavaScript tutorial you will learn about methods of document object along with syntax and examples.  This section covers captureEvents open close getElementById getElementsByName methods with explanations for each method. Methods of document Object captureEvents The captureEvents...
JavaScript Document Object Methods Part II In this JavaScript tutorial you will learn about document object methods - getElementsByTagName getSelection handleEvent releaseEvents routeEvent write writeln along with syntax examples and brief explanation. getElementsByTagName The the getElementsTagName method returns a collection of objects...
JavaScript Window Object Timeout Methods In this JavaScript tutorial you will learn about setTimeout clearTimeout and open methods of window object along with syntax usage and examples for each method. setTimeout The setInterval method of Window object is used to call a function or evaluate an expression at specified intervals. The...
JavaScript Windows Object Properties Part I In this JavaScript tutorial you will learn about Windows Object properties namely personalbar statusbar scrollbar toolbar property of Window object pageXOffset pageYOffset innerwidth innerheight outerwidth and outerheight. personalbar Property of Window Object The personalbar property of a Window...
JavaScript Windows Object Properties Part II In this JavaScript tutorial you will learn about screenX screenY screenLeft and screenTop top length frames opener parent and window property of Window object along with syntax and examples. screenX This property screenX returns the x coordinate of the window relative to the user s monitor screen....
JavaScript Math Object In this JavaScript tutorial you will learn about Math Object usage properties and methods of math object along with syntax and examples. Usage of Math Object JavaScript Math object is used to perform mathematical tasks. But unlike the String and the Date object which requires defining the object Math object need not be...
JavaScript Date Object In this JavaScript tutorial you will learn about date object and methods of date object explained along with syntax and example. JavaScript Date Object Usage of Date Object Date object of Java Script is used to work with date and times. General syntax for defining Date object in Java Script is as follows var variablename new...
JavaScript String Object In this JavaScript tutorial you will learn about String Object purpose of string object in JavaScript purpose of string object indexof method lastIndexOf method and substring method along with syntax and example. Purpose of String Object in JavaScript The main purpose of String Object in JavaScript is for storing text....
JavaScript Objects Object oriented Programming in an important aspect of JavaScript. It is possible to use built-in objects available in JavaScript.  It is also possible for a JavaScript programmer to define his own objects and variable types. In this JavaScript tutorial you will learn how to make use of built-in objects available in JavaScript. Built-in...