14. EVENTS Javascript What is an Event? JavaScript's interaction with HTML is handled through events that occur when the user or the browser manipulates a page. When the page loads, it is called an event. When the user clicks a button, that click too is an event. Other examples include events like pressing any key, closing a window, resizing a window, etc. Developers can use these events to execute JavaScript coded responses, which cause buttons to close windows, messages to be displayed to users, data to be validated, and virtually any other type of response imaginable. Events are a part of the Document Object Model (DOM) Level 3 and every HTML element contains a set of events which can trigger JavaScript Code. Please go through this small tutorial for a better understanding HTML Event Reference. Here we will see a few examples to understand the relation between Event and JavaScript. onclick Event Type This is the most frequently used event type which occurs when a user clicks the left button of his mouse. You can put your validation, warning etc., against this event type. Example Try the following example. document.write ("Hello World") 74
Javascript Click the following button and see result Output Click the following button and see result Say Hello onsubmit Event Type onsubmit is an event that occurs when you try to submit a form. You can put your form validation against this event type. Example The following example shows how to use onsubmit. Here we are calling a validate() function before submitting a form data to the webserver. If validate() function returns true, the form will be submitted, otherwise it will not submit the data. Try the following example. all validation goes here ......... return either true or false 75
About the Tutorial JavaScript is a
Bitwise Operators .................
23. String ........................
setUTCDate () .....................
Checking for Plug-Ins .............
1. OVERVIEW Javascript What is Java
Javascript components, integrates w
Javascript This function can be use
Javascript The following example sh
Javascript JavaScript in Chrome Her
4. PLACEMENT Javascript There is a
Javascript This code will
5. VARIABLES Javascript JavaScript
Javascript Within the body of a fun
6. OPERATORS Javascript What is an
Javascript document.write(""); docu
Javascript document.write("num.toPr
Javascript Returns the primitive va
Javascript Returns the function tha
Javascript Method toSource() toStri
Javascript Output flag.toString
23. STRING Javascript The String ob
Javascript Try the following exampl
Javascript concat() indexOf() lastI
Javascript document.writeln("str.ch
Javascript Argument Details string2
Javascript lastIndexOf () This meth
Javascript var index = str1.localeC
Javascript substring. $n or $nn Whe
Javascript Search () This method ex
Javascript document.write( sliced )
Javascript Try the following exampl
Javascript Return Value Returns a s
Javascript JavaScript String toLow
Javascript var str = "Apples are r
Javascript were in a tag sup() Cau
Javascript blink () This method cau
Javascript Try the following exampl
Javascript JavaScript String font
Javascript JavaScript String link(
Javascript JavaScript String strik
Javascript JavaScript String sup(
Javascript input length prototype T
Javascript Prototype The prototype
Javascript push() reduce() reduceRi
Javascript every () Javascript arra
Javascript } var passed = [12, 5, 8
Javascript Array.prototype.filter =
Javascript } }; Example Try the fol
Javascript var len = this.length; v
Javascript join () Javascript array
Javascript var from = Number(argume
Javascript } var index = [12, 5, 8,
Javascript Array.prototype.map = fu
Javascript Its syntax is as follows
Javascript var rv = arguments[1]; }
Javascript } } throw new TypeError(
Javascript } rv = this[i--]; break;
Javascript } rv = fun.call(null, rv
Javascript Output Removed element
Javascript { } if (i in this && fun
Javascript Return Value Returns a s
Javascript toString () Javascript a
25. DATE Javascript The Date object
Javascript Return Value Returns the
Javascript Date Methods Here is a l
Javascript universal time. setUTCMo
Javascript Syntax Its syntax is as
Javascript Example Try the followin
Javascript var dt = new Date(); d
Javascript getMonth() : 11 getSecon
Javascript Syntax Its syntax is as
Javascript Try the following exampl
Javascript Output getUTCHours() :
Javascript Syntax Its syntax is as
Javascript JavaScript getYear Met
Javascript JavaScript setFullYear
Javascript If you specify a number
Javascript monthValue : An integ
Javascript setTime () Javascript da
Javascript Date.setUTCFullYear(year
Javascript document.write( dt );
Javascript Try the following exampl
Javascript Example Try the followin
Javascript var dt = new Date(1993,
Javascript toLocaleDateString () Ja
Javascript Syntax Its syntax is as
Javascript For instances of Date,
Javascript var dateobject = new
Javascript Output 743850547000 Date
Javascript minutes : An integer
Javascript In the following section
Javascript Example Try the followin
Javascript Property Value is : 0.43
Javascript JavaScript Math SQRT2 P
Javascript Try the following exampl
Javascript First Test Value : 3.141
Javascript JavaScript Math atan() M
Javascript var value = Math.atan2(+
Javascript Example Try the followin
Javascript Output First Test Value
Javascript var value = Math.log(10
Javascript min ( ) This method retu
Javascript var value = Math.pow(7,
Javascript Return Value Returns the
Javascript Output First Test Val
Javascript Example Try the followin
27. REGEXP Javascript A regular exp
Javascript Examples Following examp
Javascript m g Specifies that if th
Javascript Try the following exampl
Javascript Test1 - ignoreCase prope
Javascript if ( re.multiline ){ doc
Javascript exec ( ) The exec method
Javascript document.write("Test 2 -
Javascript document.write("Test 1 -
Javascript There are several DOMs i
Javascript forms[ ] 9 An array of F
Javascript Ex: document.close( ) op
Javascript This is main title Click
Javascript createElement( tagName)
Javascript NOTE: This example r
Javascript Specifies the loading st
Javascript NOTE: This example
Javascript Part 3: JavaScript Advan
Javascript Logical Errors Logic err
Javascript Now let us try to catch
Javascript Output Click the followi
Javascript Click the following to s
30. FORM VALIDATION Javascript Form
Javascript Basic Form Validation Fi
Javascript var emailID = document.m
Javascript Manual Animation So let'
Javascript } function moveRight(){
Javascript It is not possible to s
Javascript Output Checking for Plug
Javascript //--> If you
Javascript Error Messages in Firefo
Javascript Use a JavaScript Debugge
34. IMAGE MAP Javascript You can us
Javascript Output You can feel the
Javascript 6 plugins[] This propert
Javascript document.write(" Browser
Change language