Java script basic

What is JS?
 JavaScript is the programming language of HTML
and the Web.

Introduction
 Its Free and (NO) need engine
 Simple and Easy to learn
 Lightweight and Fast to code
 Front & Back side coverage
 Third party library
 Growth community and docs

JS General format
<html>
<head>
<title>Hello World in JavaScript</title>
</head>
<body>
<script type="text/javascript">
document.write("Hello World!");
</script>
</body>
</html>

Where Did you Put your
Scripts
 You can have any number of scripts
 Scripts can be placed in the HEAD or in the BODY
 In the HEAD, scripts are run before the page is
displayed
 In the BODY, scripts are run as the page is
displayed
 In the HEAD is the right place to define functions
and variables that are used by scripts within the
BODY

JavaScript Variables
 JavaScript has variables that you can declare
with the optional var keyword
 Variables declared within a function are local to
that function
 Variables declared outside of any function are
global variables
var myname = “vithu";

JavaScript Operators and
Constructs
 JavaScript has most of the operators we're used
to from C/Java
– Arithmetic (+, - , *, /, %)
– Assignment (=, +=, -=, *= /=, %=, ++, --)
– Logical (&&, ||, !)
– Comparison (<, >, <=, >=, ==)
Note: + also does string concatenation
 Constructs:
– if, else, while, for, switch, case

Simple User Interaction
 There are three built-in methods of doing simple
user interaction
 alert("There's a monster on the wing!");
o Alert something
 confirm("Are you sure you want to do that?");
o Asks the user to confirm
 prompt("Enter you name", "Adam");
o Asks the user something

JavaScript Functions
 JavaScript lets you define functions using the
function keyword
 Functions can return values using the return
keyword
function showConfirm()
{
confirm("Are you sure you want to do that?");
}

JavaScript Arrays
 JavaScript has arrays that are indexed starting at
0
 Special version of for works with arrays

 <script type="text/javascript">
 var colors = new Array();
 colors[0] = "red"; colors[1] = "green";
 colors[2] = "blue"; colors[3] = "orange";
 colors[4] = "magenta"; colors[5] = "cyan";
 for (var i in colors) {
 document.write("<div style="background-color:"
 + colors[i] + ";">"
 + colors[i] + "</div>n");
 }
 </script>

JavaScript Events
 Common Events:
– onload and onunload : when a page is first visited or
left
– onfocus, onblur, onchange : events pertaining to form
elements
– onsubmit : when a form is submitted
– onmouseover, onmouseout : for "menu effects"

Exception Handling
 JavaScript also has try, catch, and throw
keywords for handling JavaScript errors
try {
runSomeCode();
}
catch(err) {
var txt="There was an error on this page.nn"
+ "Error description: "
+ err.description + "nn"
alert(txt)
}

Comments in JavaScript
 Comments in JavaScript are delimited with // and
/* */ as in Java and C++

References
 http://cglab.ca/~morin/teaching/2405/notes/javasc
ript1.pdf
 www.w3schools.com/js/default.asp

Java script basic

More Related Content

What's hot (20)

Viewers also liked (20)

Similar to Java script basic (20)

Recently uploaded (20)

Java script basic