By Tharith Sriv

To write a web page you use: HHTML (HyperText Markup Language), AASP (Active Server Page), PPHP (HyperText Preprocessor), JJavaScript, JJava, eetc.

JavaScript?  JavaScript is the most popular scripting language on the internet, and works in all major browsers, such as Internet Explorer, Firefox, Chrome, Opera, and Safari. What should I know before learning JavaScript?  Before you continue you should have a basic understanding of the following: HTML / XHTML

 JavaScript was designed to add interactivity to HTML pages  JavaScript is a scripting language  A scripting language is a lightweight programming language  JavaScript is usually embedded directly into HTML pages  JavaScript is an interpreted language (means that scripts execute without preliminary compilation)  Everyone can use JavaScript without purchasing a license

JavaScript? AA scripting language used for Web page design. EEnables you to enhance static web applications HHow? bby providing dynamic, personalized, and interactive content. FFirst appeared in 1995, its main purpose was to handle some of the input validation that had previously been left to server-side languages such as Perl.

 JavaScript is not the only scripting language; there are others such as VBScript and Perl.  So, why JavaScript?  Because of its widespread use and availability:  Many browsers support JavaScript.  VBScript is used for the same purposes as JavaScript. But, supported by very limited number of Web browsers (especially IE).

 The answer is NO!  Java and JavaScript are two completely different languages in both concept and design!  Java (developed by Sun Microsystems) is a powerful and much more complex programming language - in the same category as C and C++.

 JavaScript gives HTML designers a programming tool - HTML authors are normally not programmers, but JavaScript is a scripting language with a very simple syntax! Almost anyone can put small "snippets" of code into their HTML pages  JavaScript can put dynamic text into an HTML page - A JavaScript statement like this: document.write(" " + name + " ") can write a variable text into an HTML page

 JavaScript can react to events - A JavaScript can be set to execute when something happens, like when a page has finished loading or when a user clicks on an HTML element  JavaScript can read and write HTML elements - A JavaScript can read and change the content of an HTML element

 JavaScript can be used to validate data - A JavaScript can be used to validate form data before it is submitted to a server. This saves the server from extra processing  JavaScript can be used to detect the visitor's browser - A JavaScript can be used to detect the visitor's browser, and - depending on the browser - load another page specifically designed for that browser  JavaScript can be used to create cookies - A JavaScript can be used to store and retrieve information on the visitor's computer

 A simple text editor.  Notepad is possible.  EditPlus is recommended. How?  EditPlus is an advanced text editor  You can also use another Advanced Text Editor, those providing line numbering, search and replace tools, and so on.  For example, Adobe Dreamweaver, …

 With scripts in previous slide, Mozilla Firefox displays the following:

 Not all old Web browsers support JavaScript.  However, most of new Web browsers can support it.  Here are Versions of JavaScript which are supported by different Web browsers.

 In order to run client-side JavaScript, you must embed the code in the HTML document.  There are several different ways to embed JavaScript scripts in HTML: a. As statements and functions using the tag b. As event handlers using HTML tag attributes c. As short statements resembling URLs

The Tag Internal Scripts The tag is used to enclose JavaScript code in HTML documents. Here is the general syntax: [JavaScript statements...]

 The tag acts like all other HTML tags.  Notice that it must be followed by its closing counterpart,.  Every statement you put between the two tags is interpreted as JavaScript code.

1. In the same file as HTML. 2. Use an external js-file.  A way to do this is to write JavaScript codes and save it as a js-file (for example, myscript.js).  In your HTML file at where you want to write your JavaScript codes, just put something like: [additional javascript statements]

Remember, JavaScript can be placed only in  … tags of HTML file  Or in …  It works automatically when you write your JavaScript in …  JavaScript statements which are written in … start working when you start calling it by event handler.

 Try out! How?  In your js-file, write the script below using Notepad and save your file as abc1.js:

 In your HTML file, write:

 This is equivalent to:

 Previous slide result in what’s shown next slide:

 When you click OK you see:

 You can place JavaScript right into event handlers.  Event handlers are HTML tag attributes that refer to a specific action which takes place in reference to that form element.  Those include: onClick, onDblClick, onMouseDown, onMouseUp, onMouseOver, onMouseMove, onMouseOut, onKeyPress, onKeyDown, and onKeyUp

 Type the followings, then save it as test.html.

 NetScape Navigator displays what’s in previous slide as:

 JavaScript is a language  JavaScript is not Java  You use it to write a Web page.  You can put it in:  … or … of an HTML file.  short statements resembling URLs  You can use a separate js-file and include it in your HTML file.