[go: up one dir, main page]
Scribd
Upload
121 views5 pages

Javascript

This document provides an overview of basic JavaScript concepts in 12 sections. It introduces JavaScript and how it can be used to dynamically add and manipulate content in web pages. It describes JavaScript capabilities like adding and altering content, reacting to user events and interactions. It also distinguishes JavaScript from Java, and covers JavaScript variables, control structures, objects, arrays, predefined objects, document methods, functions, events, the DOM, and form validation examples.

Uploaded by

pratibha74
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
121 views5 pages

Javascript

This document provides an overview of basic JavaScript concepts in 12 sections. It introduces JavaScript and how it can be used to dynamically add and manipulate content in web pages. It describes JavaScript capabilities like adding and altering content, reacting to user events and interactions. It also distinguishes JavaScript from Java, and covers JavaScript variables, control structures, objects, arrays, predefined objects, document methods, functions, events, the DOM, and form validation examples.

Uploaded by

pratibha74
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 5

Learn Basic Javascript in 5 Minutes.

JavaScript

Most browsers support a <SCRIPT> tag that is used to include executable content in an HTML document. There are a number of scripting languages that are supported

JavaScript Capabilities

Add content to a web page dynamically. Alter a web page in response to user actions. React to user events. Interact with frames. Manipulate HTTP cookies

JavaScript is not Java


JavaScript is a very simple scripting language. Syntax is similar to a subset of Java. Interpreted language. 1.JavaScript Variables

Can be declared with var keyword: var foo; // This will be global declaration

Can be created automatically by assigning a value:

foo=1; blah=Hi kishan; // This will be local variable.


2.Control Structures

Again pretty much just like C/C++ Eg..

if(a==9) { a++; } else { a+=2; } also if, if-else , ?: , switch , for, while, do-while is Same.
3. Objects

Objects have attributes and methods. Many pre-defined objects and object types. Like:-

1. objectname.attributename 2. objectname.methodname() 4. Array example code

var a = [8,7,6,5]; for (i=0;i<a.length;i++) a[i] += 2; b = a.reverse();

5. Predefined Objects 1. JavaScript also includes some objects that are automatically created for you (always available).
o o o o

document navigator screen window

6. document methods

document.write() //like a print statement the output goes into the HTML document. document.write(My title is + document.title);

7. JavaScript Example

<HEAD> <TITLE>JavaScript is Javalicious</TITLE> </HEAD> <BODY> <H3>I am a web page and here is my name:</H3> <SCRIPT> document.write(document.title); </SCRIPT> <HR>
8. JavaScript and HTML Comments

<SCRIPT> <! document.write(Hi Dave); document.bgColor=BLUE;

> </SCRIPT>
9. JavaScript Functions

The keyword function used to define a function (subroutine):

function add(x,y) { }
10. Some Events (a small sample)

return(x+y);

onUnLoad onLoad onClick onMouseUp onMouseDown onDblClick onMouseOver

Example:<FORM> <INPUT VALUE=Dont Press Me onClick=alert(now you are in trouble!) > </FORM> 11. DOM example ( Its Document Object Model ) <FORM ID=myform ACTION= Please Enter Your Age: <INPUT TYPE=TEXT><BR> And your weight:

<INPUT TYPE=TEXT><BR> </FORM>

From javascript you can get at the age input field as: document.myform.age.value

12. Form Validation.

function checkform() { if (document.myform.age.value == ) { alert(You need to specify an age); return(false); } else { return(true); } } <form method=get action=foo.cgi name=myform onsubmit=return(checkform())> age: <input> <input> </form>

You might also like