Web Technology

JavaScript * JavaScript was designed to add interactivity HTML pages * JavaScript is a scripting language. * JavaScript is usually embedded directly into HTML pages. * JavaScript is an interpreted language (means that scripts execute without preliminary compilation).

* The Real Name is ECMAScript * JavaScript is an implementation of the EMAScript language standard. * EMCMAScript is developed and maintained by the ECMA organization. * ECMA-262 is the official JavaScript standard.

* First Code

The document.write command is a standard JavaScript command for output to a page.

* How to use comments

// Single line comment

/* Multiline comment
*/

* Where to put the JavaScript? * JavaScript in a page will be executed immediately the page loads into the browser. * We can execute a script when a page loads, or at a later event, such as when a user clicks a button. * When this is the case we put the script inside function.

* Script in <head> * Script to be executed when they are called, or when an event is triggered, are placed in functions. * It is a good practice to put all your function in the head section.

* Create a Alert Box

* Using an Extrenal JavaScrpt

* JavaScript can also be placed in external files. * External JavaScript files also often contains code to be used on several different web pages. * Extrenal JavaScript files have the file Extension .js. * External script cannot contain the <script></script> tags. * To use external script, point to the .js file in the “src” attribute of the <script> tag.

* How to use a JavaScript File to HTML File

In .js File

* JavaScript Variables Note-Var means Variable.

* Assigning Values to Undeclared JavaScript Variables
If you assign values to variables that have not yet been declared, the variables will automatically be declared. Note- JavaScript is Case sensitive. * If Statement

* Switch Statement

Note – We can put String Values also into a Switch statement.

* How to put a Alert box in to a Button action * How to create a Confirm Box

* How to create a Prompt Box * Argument passing

* Loops in JavaScript
FOR Joop While Loop DoWhile Loop * Java key words in javaScripts Break KeyWord Continue Key Word

* Array declaration in JavaScript
Regular array(add an optional integer argument to control array’s size)

In java we called for this FOREACH for loop. But in JavaScript we called it as a FORIN for loop

Condensed array

Literal array

Access an Array
You can refer to a particular element in an array by referring to the name of the array and the index number. Note: The index number starts at 0.

* Events in JavaScript * Events are actions that can be detected by JavaScript. * Every element on a web page certain events which can trigger a JavaScript. * We define the events in the HTML tags. * Events are normally used in combination with functions. * The function will not be executed before the event occurs.

onLoad and onUnLoad * The onLoad ane UnLoad events are triggered when the user enters or leaves the page. * The onLoad events is often used to check the visitor’s browser type and browser version, and load the porper version of the web page based on the Information. * Both the onLoad and UpLoad events are also often used to deal with cookies that should de set when a user enters or leaves a page.

onFocus, onBlur and onChange * The onFocus, onBlur and onChange events are often used in combination with validation of from fields.

onSubmit
The onSubmit event is used to validate ALL from fields before submitting it.
Below is an example of how to use the onSubmit event.
The checkText() function will be called when the user clicks the submit button in the from.
If the function checkTect() returns either true or false.
If it return true the from will be submitted, otherwise the submit will be canceld. onMouseOver and onMouseOut * onMouseOver and onMouseOut are often used to create “animated” buttons.

* Object Oriented Programming in JavaScript * JavaScript is an Object Oriented Programming (OOP) language. * An OOP language allows you to define your own object and make your own variable type. * We will start by lookin at the build-in JavaScript object in detail. * Note that an object is just a special kind of data. * An object has properties and methods.

* Length code in JavaScripts

* UpperCase in JavaScript

* Create a Date Object
The Date object is used to work with dates and times.
Date object are created with the Date() constructor.
There are four ways of instantiating a date. newDate() current date and time newDate(milliseconds) milliseconds since 1970/01/01 newDate(dateString) newDate(year,month,day,hours,minutes,seconds,milliseconds) * Most parameters above are optional. * Once a date object is created, a number of methods allow you to operate on it. * Most methods allow you to get and set the year, month, day, hour, minute, second, and milliseconds of the object, using either local time or UTC (universal, or GMT) time. * All dates are calculated in milliseconds from 01 January, 1970. * 00:00:00 Universal Time (UTC) with a day containing 86,400,000 milliseconds.

* How to put text in button action

* Boolean Object in JavaScript
All the following lines of code create Boolean objects with an initial value of false.

And all the following lines of code create Boolean objects with an initial value of true.

* JavaScript RegExp Object
A regular expression an object that describe a pattern of characters.
When you search in a text, you can use a pattern to describe what you are searching for.
A simple pattern can be one single charter.
A more complicated pattern can consist of more characters, and can be used for parsing, format checking, substitution and more.

The marked text below shows where the expression gets a mach
Do a case-insensitive search for “thilan” in a string.
‘i’ means Insensitive and prints only one search thing.

‘g’ means it can search and print all the matching things.

‘gi’ means insensitive and prints all the matching things.

The test() method
The test() method searches a String for a spesified value, and return true or false, depending on the result.

* How to get Browser Information in JavaScript

* How to get text from a text Field

* How to create a Time Counter * How to link to another site

* How to get user screen information

* How to open a new window

How to create a Window, close & move it

* How to resize a window

Also we can put resizeTo() method for this.

* How to print a page

* How to create a changing icons

* Exception handling in JavaScript
In this “aaaalert” is not a javaScript key word or a method.

* We can catch several exceptions at one try

Similar Documents

Web Technology

Web Systems and Technologies

The Origins of Web Technology

Internet Technology and Web Browsers

Af 302 Essay on Web 2.0 Technologies

Web Technologies Usability and Standards Compliance

Reasons Why Managers Need to Be Acquainted with Programming, Web Source Code, and Technology.

(1) Your Educational or Career Goals and How Mastery of Information Technology Has Already Enabled You to Reach Those Goals, and (2) How the Rapid Changes in Technology, in Particular Web 2.0, Have Affected or Will Affect These Goals in the Future.

Media

Loves

Technology in Education

Dependent Generation

The Issue with Technology

Role of Technology in College and Careers

Trends Assement Hcl Technologies

Popular Essays