JS Tutorial
JS HOME JS Introduction JS How To JS Output JS Statements JS Comments JS Variables JS Data Types JS Objects JS Functions JS Operators JS Comparisons JS Conditions JS Switch JS Loop For JS Loop While JS Breaks JS Errors JS ValidationJS HTML DOM
DOM Intro DOM HTML DOM CSS DOM Events DOM NodesJS Objects
JS Object JS Number JS String JS Date JS Array JS Boolean JS Math JS RegExpJS Window
JS Window JS Screen JS Location JS History JS Navigator JS PopupAlert JS Timing JS CookiesJS Libraries
JS Libraries JS jQuery JS PrototypeJS Examples
JS Examples JS Objects Examples JS Browser Examples JS DOM Examples JS Quiz JS Certificate JS SummaryJS References
JavaScript Objects HTML DOM ObjectsJavaScript Introduction
JavaScript is the world's most popular programming language. It is the language for HTML and the web, for servers, PCs, laptops, tablets, smart phones, and more.
JavaScript is a Scripting Language
A scripting language is a lightweight programming language.
JavaScript is programming code that can be inserted into HTML pages.
JavaScript inserted into HTML pages, can be executed by all modern web browsers.
JavaScript is easy to learn.
What You Will Learn
Below is a taste of what you will learn in this tutorial.
JavaScript: Writing Into HTML Output
Example
document.write("<h1>This is a heading</h1>");
document.write("<p>This is a paragraph</p>");
document.write("<p>This is a paragraph</p>");
Try it yourself »
 |
You can only use document.write in the HTML output. If you use it after the document has loaded, the whole document will be overwritten. |
|---|
JavaScript: Reacting to Events
The alert() function is not much used in JavaScript, but it is often quite handy for trying out code.
The onclick event is only one of the many HTML events you will learn about in this tutorial.
JavaScript: Changing HTML Content
Using JavaScript to manipulate the content of HTML elements is a very powerful functionality.
Example
x=document.getElementById("demo") //Find
the element
x.innerHTML="Hello JavaScript"; //Change the content
x.innerHTML="Hello JavaScript"; //Change the content
Try it yourself »
You will often see document.getElementByID("some id"). This is defined in the HTML DOM.
The DOM (Document Object Model) is the official W3C standard for accessing HTML elements.
You will find several chapters about the HTML DOM in this tutorial.
JavaScript: Changing HTML Images
This example dynamically changes the source (src) attribute of an HTML <image> element:
JavaScript can change most of the attributes of any HTML element, not only images.
JavaScript: Changing HTML Styles
Changing the style of an HTML element, is a variant of changing an HTML attribute.
Example
x=document.getElementById("demo") //Find the element
x.style.color="#ff0000"; //Change the style
x.style.color="#ff0000"; //Change the style
Try it yourself »
JavaScript: Validate Input
JavaScript is commonly used to validate input.
Did You Know?
|
JavaScript and Java are two completely different languages, in both concept
and design. Java (invented by Sun) is a more complex programming language in the same category as C. ECMA-262 is the official name of the JavaScript standard. JavaScript was invented by Brendan Eich. It appeared in Netscape (a no longer existing browser) in 1995, and has been adopted by ECMA (a standard association) since 1997. |
|---|
W3Schools' Online Certification
The perfect solution for professionals who need to balance work, family, and career building.
More than 10 000 certificates already issued!
The HTML Certificate documents your knowledge of HTML.
The HTML5 Certificate documents your knowledge of advanced HTML5.
The CSS Certificate documents your knowledge of advanced CSS.
The JavaScript Certificate documents your knowledge of JavaScript and HTML DOM.
The jQuery Certificate documents your knowledge of jQuery.
The XML Certificate documents your knowledge of XML, XML DOM and XSLT.
The ASP Certificate documents your knowledge of ASP, SQL, and ADO.
The PHP Certificate documents your knowledge of PHP and SQL (MySQL).
Your suggestion:
Close [X]
Thank You For Helping Us!
Your message has been sent to W3Schools.
Close [X]
