For starting JavaScript, you must know how to add the JavaScript code in HTML page. This is the first step of JavaScript startup.
Syntax to include JavaScript
<script language="javascript" type="text/javascript">
//--- javascript functions here
</script>
Where to put JavaScript on HTML Web Page
There are 4 ways of writing or including the JavaScript in a HTML web page:
- JavaScript in HTML Head.
- JavaScript inside the HTML Body.
- Inline JavaScript code.
- External JavaScript source
JavaScript in HTML Head
To execute the JavaScript when user hits any event on the HTML page by clicking or any property change that calls the JavaScript function are included or written in the Head section of the HTML Web Page.
<html>
<head>
<title>JavaScript Example</title>
<script language="javascript" type="text/javascript">
//--- javascript functions here
</script>
</head>
<body>
</body>
</html>
JavaScript inside the HTML Body
To execute the JavaScript for generating dynamic content on page load it can be placed inside the Body of HTML page.
<html>
<head>
<title>JavaScript Example</title>
</head>
<body>
<script language="javascript" type="text/javascript">
//--- javascript functions here
</script>
</body>
</html>
Inline JavaScript code
Inline JavaScript code is used to handle small functions directly bound to any event e.g.: color change on mouse over-out.
External JavaScript source
You can include external JavaScript files. JavaScript functions can be placed in the separate file that can be included on HTML web page.
Syntax
<script language="javascript"
type="text/javascript"
src="PATH TO EXTERNAL JAVASCRIPT FILE">
</script>
