HTML Javascript

HTML Tutorial - HTML Javascript

Javascript is a client side script used widely by web developers to manipulate Images and dynamically change in HTML.

Javascript can be embedded on the same web page or maintained as an external file. If it is an external file then it can be used for many webpages, making maintenance/change easy.

HTML Javascript Example

Source:	Result:
<!DOCTYPE html> <html> <body> <script> document.write("Javascript Program!") </script> </body> </html>

HTML Javascript Events

We can use Javascript Events in many ways. Shown below is an simple example of events.

HTML Javascript Example

Source:	Result:
<!DOCTYPE html> <html> <body> <h1>Javascript Example</h1> <div id="div1"> JavaScript changes content on click of a button. </div> <script> function JavascriptFunction() { document.getElementById("div1").innerHTML = "Javascript Program!"; } </script> <br /> <input type="button" onclick="JavascriptFunction()" value="Click Me!" /> </body> </html>

Note: The event is triggered from the HTML Button. It calls the Javascript Program on clicking the button.

HTML <noscript> Tag

We <noscript> Tag can be used to identify the browsers that do not support Javascript or have disabled the Javascript in their browsers.

<noscript> Tag contents only be visible if the javascript can not be used by the browser, else it will be ignored.

HTML Javascript Example

Source:	Result:
<!DOCTYPE html> <html> <body> <script> document.write("Javascript Program!") </script> <noscript>Your browser does not support JavaScript!</noscript> <p>A browser that does not support for JavaScript will display the text in the noscript tag.</p> </body> </html>

Javascript in External File

If you are using a javascript that is common across web pages then you can use an external file linkup using <script> Tag. The example is as shown below.

Example:

Note: The src attribute is used to mention the external file name that has the javascript.

« Previous Chapter

Next Chapter »