what is javascript ?
Mon Oct 20, 2008 12:35 am
What is JavaScript?
JavaScript is a compact, object-based scripting language for Web pages. JavaScript code embedded into your HTML pages can enhance them with many interesting elements, from swapping images when you move a cursor over them, to multi-level drop-down menus.
You can create really sophisticated and almost application-like pages with the help of JavaScript. You don't need any special software other than a text editor and a Web browser, and you don't need access to a Web server. You can create and test all your JavaScript code right on your own computer.
JavaScript and Java
Although the names are almost the same, JavaScript isn't the same as Java. These are two different techniques for Internet programming. Java is a real programming language, and you can create real programs with it.
JavaScript is a scripting language. You could even say that JavaScript is rather an extension to HTML than a separate computer language. It's so tightly integrated with HTML that you could call it "JavaScript markup language." JavaScript coders don't care too much about real programming, they just make different nice effects by inserting small JavaScript code fragments into their Web pages.
The drawbacks of JavaScript
Right now the biggest problem is the imperfect JavaScript implementations that today's browsers offer. Although all major browsers that are version 3.0 or higher include JavaScript support, they deal with JavaScript differently.
In fact, different versions of the same browser handle JavaScript differently. This makes it difficult to create a complicated JavaScript code that work across all browsers. So always check your pages on as many different browsers (and even platforms) as possible.
What do JavaScript code look like?
Like HTML, JavaScript is just text that can be typed into a text editor. Its code is embedded in HTML within a <SCRIPT> tag. Some old browsers don't understand this tag. To prevent them from treating your JavaScript as HTML, always use this trick involving HTML comments...
Here's an example of JavaScript code that prints current date in the top right corner of your Web page...
The power of JavaScript
JavaScript has one particular feature that makes it an interactive and power tool - event handling. You can trigger the JavaScript program by various events. For example, when the page loads, when it quits, when you pass your cursor over a link, or when you click on a button or a link.
Here's a list of the common event handlers, that all popular browsers can deal with...
Event When it's triggered
onAbort An image is stopped from loading because the user either hits Stop or leaves the page.
onBlur An element, such as a window, frame, or form field, loses focus; that is, when the user clicks on something else.
onClick The user clicks on the particular element.
onChange The value of a form field changes, for example, when the user types in some data.
onDblClick The user double-clicks on the particular element.
onError A loading error happens, like a missing image.
onFocus The user puts the focus on the target element, by clicking on it or tabbing to it.
onKeyDown A key on the keyboard is pushed down, regardless of whether it's then held down or released.
onKeyPress This event is repeatedly triggered as long as a key is held down.
onKeyUp A key on the keyboard is released.
onLoad The browser completely loads the page.
onMouseDown A key on the mouse is pushed down, regardless of whether it's then held down or released.
onMouseMove The mouse moves.
onMouseOut The pointer moves out of the target area.
onMouseOver The pointer moves over the target element.
onMouseUp A key on the mouse is released.
onReset The Reset button of a form is clicked.
onResize A window or frame is resized by the user.
onSelect The user highlights text in a form field.
onSubmit A form is submitted.
onUnload The user leaves the page.
The basic event handling syntax is very simple. The following JavaScript code will pop up a window when you click a button...
If you need an elaborate action to take place when the button is clicked, you can call a predefined function. The following JavaScript code writes text to the statusbar (the bar on the bottom of your browser where the URLs are shown)...
JavaScript is a compact, object-based scripting language for Web pages. JavaScript code embedded into your HTML pages can enhance them with many interesting elements, from swapping images when you move a cursor over them, to multi-level drop-down menus.
You can create really sophisticated and almost application-like pages with the help of JavaScript. You don't need any special software other than a text editor and a Web browser, and you don't need access to a Web server. You can create and test all your JavaScript code right on your own computer.
JavaScript and Java
Although the names are almost the same, JavaScript isn't the same as Java. These are two different techniques for Internet programming. Java is a real programming language, and you can create real programs with it.
JavaScript is a scripting language. You could even say that JavaScript is rather an extension to HTML than a separate computer language. It's so tightly integrated with HTML that you could call it "JavaScript markup language." JavaScript coders don't care too much about real programming, they just make different nice effects by inserting small JavaScript code fragments into their Web pages.
The drawbacks of JavaScript
Right now the biggest problem is the imperfect JavaScript implementations that today's browsers offer. Although all major browsers that are version 3.0 or higher include JavaScript support, they deal with JavaScript differently.
In fact, different versions of the same browser handle JavaScript differently. This makes it difficult to create a complicated JavaScript code that work across all browsers. So always check your pages on as many different browsers (and even platforms) as possible.
What do JavaScript code look like?
Like HTML, JavaScript is just text that can be typed into a text editor. Its code is embedded in HTML within a <SCRIPT> tag. Some old browsers don't understand this tag. To prevent them from treating your JavaScript as HTML, always use this trick involving HTML comments...
- Code:
<script type="text/javascript">
<!-- hide JavaScript code from old browsers
YOUR SCRIPT HERE
// end the hiding comment -->
</script>
Here's an example of JavaScript code that prints current date in the top right corner of your Web page...
- Code:
<html>
<head>
<script type="text/javascript">
<!--
function PrintDate() {
today = new Date();
document.write('Date: ', today.getMonth()+1, '/', today.getDate(), '/', today.getYear());
}
//-->
</script>
</head>
<body>
<p align="right">
<script type="text/javascript">
<!--
PrintDate();
//-->
</script>
</p>
THE REST OF YOUR PAGE.
</body>
</html>
The power of JavaScript
JavaScript has one particular feature that makes it an interactive and power tool - event handling. You can trigger the JavaScript program by various events. For example, when the page loads, when it quits, when you pass your cursor over a link, or when you click on a button or a link.
Here's a list of the common event handlers, that all popular browsers can deal with...
Event When it's triggered
onAbort An image is stopped from loading because the user either hits Stop or leaves the page.
onBlur An element, such as a window, frame, or form field, loses focus; that is, when the user clicks on something else.
onClick The user clicks on the particular element.
onChange The value of a form field changes, for example, when the user types in some data.
onDblClick The user double-clicks on the particular element.
onError A loading error happens, like a missing image.
onFocus The user puts the focus on the target element, by clicking on it or tabbing to it.
onKeyDown A key on the keyboard is pushed down, regardless of whether it's then held down or released.
onKeyPress This event is repeatedly triggered as long as a key is held down.
onKeyUp A key on the keyboard is released.
onLoad The browser completely loads the page.
onMouseDown A key on the mouse is pushed down, regardless of whether it's then held down or released.
onMouseMove The mouse moves.
onMouseOut The pointer moves out of the target area.
onMouseOver The pointer moves over the target element.
onMouseUp A key on the mouse is released.
onReset The Reset button of a form is clicked.
onResize A window or frame is resized by the user.
onSelect The user highlights text in a form field.
onSubmit A form is submitted.
onUnload The user leaves the page.
The basic event handling syntax is very simple. The following JavaScript code will pop up a window when you click a button...
- Code:
<form>
<input type="button" value="Click me" onClick="alert('This is JavaScript!');">
</form>
If you need an elaborate action to take place when the button is clicked, you can call a predefined function. The following JavaScript code writes text to the statusbar (the bar on the bottom of your browser where the URLs are shown)...
- Code:
function MyFunc( txt ) {
window.status = txt;
}
<form>
<input type="button" value="Click me" onClick="MyFunc('This is JavaScript!');">
</form>
Re: what is javascript ?
Sun Feb 15, 2009 4:02 pm
Javascript is one of the most known language available in the internet, which is used by known companies like google and other known sites.
Re: what is javascript ?
Wed Jul 22, 2009 11:56 am
Hello,I have a confusion about JavaScript,that is if we are running a website which contains some flash content,simple HTML will that and a server script like PHP,then what is the use of Javascript over there ?Please explain me in details,I am very much confused.
_______________________________
_______________________________
Re: what is javascript ?
Wed Sep 22, 2010 11:47 am
This post is very useful for those who are learning scripting languages...especially JavaScript.
All the basic things are here in this post...
Those who are interested should must go throw this....
All the basic things are here in this post...
Those who are interested should must go throw this....
Re: what is javascript ?
Sun Jan 16, 2011 3:01 pm
arbaba wrote:Hello,I have a confusion about JavaScript,that is if we are running a website which contains some flash content,simple HTML will that and a server script like PHP,then what is the use of Javascript over there ?Please explain me in details,I am very much confused.
_______________________________
java script is client side scripting....i.e there is no need to execute it in the server and reply it back to client..so the validation time and burden on server will reduce
Re: what is javascript ?
Mon Jan 17, 2011 8:29 am
Its nice to describe it...Thanks
Re: what is javascript ?
Thu Mar 24, 2011 7:53 am
The syntax of JavaScript will be simple to anyone who has ever programmed in an object oriented language. The primary object is the window, which is at the top of the hierarchy. Under that are the document, frame, location, history, and navigator objects. In turn, the document object contains anchors, applets, embeds, forms, images, and links, each of which is an array of objects. So, a reference to the first image on a page would be to self.document.image[0], although it is preferable to use names instead of numbers for clarity.
JavaScript is not a stand-alone language, but rather a scripting add-on to HTML. JavaScript is added to HTML commands by use of the <SCRIPT> tag. Anything within this tag is (or should be) ignored by browsers that do not support JavaScript. JavaScript is the most popular scripting language in use due to its cross-platform and cross-browser support, although VBScript is sometimes used on intranets when the scripter knows that everyone accessing the page is on Windows. JavaScript will attempt to execute the commands within the <SCRIPT> tag if there is no LANGUAGE attribute, or if the LANGUAGE attribute is set to JavaScript; in addition, the LANGUAGE attribute also can be used to distinguish between various versions of JavaScript.
JavaScript is not a stand-alone language, but rather a scripting add-on to HTML. JavaScript is added to HTML commands by use of the <SCRIPT> tag. Anything within this tag is (or should be) ignored by browsers that do not support JavaScript. JavaScript is the most popular scripting language in use due to its cross-platform and cross-browser support, although VBScript is sometimes used on intranets when the scripter knows that everyone accessing the page is on Windows. JavaScript will attempt to execute the commands within the <SCRIPT> tag if there is no LANGUAGE attribute, or if the LANGUAGE attribute is set to JavaScript; in addition, the LANGUAGE attribute also can be used to distinguish between various versions of JavaScript.
Topic Tags
JavaScript BasicsCodemiles.com is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com
Powered by phpBB © phpBB Group.