HTML JavaScript
- Previous Page HTML Inline Frame
- Next Page HTML Path
JavaScript makes HTML pages more dynamic and interactive
Example
My first JavaScript
HTML <script> Tag
HTML <script>
tag is used to define client-side scripts (JavaScript).
<script>
elements can contain script statements and can also be used through src
attribute points to an external script file.
Common uses of JavaScript include image processing, form validation, and dynamic content changes.
The most commonly used method in JavaScript to select HTML elements is document.getElementById()
method.
This JavaScript example writes "Hello JavaScript!" to the HTML element with id="demo":
Example
<script> document.getElementById("demo").innerHTML = "Hello JavaScript!"; </script>
Tip:You can find our JavaScript Tutorial to learn more about JavaScript.
The flavor of JavaScript
Here are some examples demonstrating the capabilities of JavaScript:
Example
JavaScript can change content:
document.getElementById("demo").innerHTML = "Hello JavaScript!";
Example
JavaScript can change styles:
document.getElementById("demo").style.fontSize = "25px"; document.getElementById("demo").style.color = "red"; document.getElementById("demo").style.backgroundColor = "yellow";
Example
JavaScript can change properties:
document.getElementById("image").src = "picture.gif";
HTML <noscript> Tag
HTML <noscript>
The tag defines alternative content that will be displayed to users who have disabled scripts in their browser or whose browser does not support scripts:
Example
<script> document.getElementById("demo").innerHTML = "Hello JavaScript!"; </script> <noscript>Sorry, your browser does not support JavaScript!</noscript>
HTML Script Tag
Tag | Description |
---|---|
<script> | Define client-side scripts. |
<noscript> | Define alternative content for users who do not support client-side scripts. |
For a complete list of all available HTML tags, please visit our HTML Tag Reference Manual.
- Previous Page HTML Inline Frame
- Next Page HTML Path