Welcome Guest ( Log In | Register )



 
Reply to this topicStart new topic
> Javascript Tutorial For Beginner, Using Javascript in HTML page
BDIT
post May 2 2008, 05:50 PM
Post #1


Newbie [ Level 2 ]
Group Icon

Group: [HOSTED]
Posts: 11
Joined: 30-April 08
Member No.: 30,066



In this tutorial I will show you how you can put JavaScript in a HTML page. It is very easy to add JavaScript in a HTML page. We will use <script> tag for this purpose. Inside the <script> tag, we will use "type=" attribute and will define the scripting language. We will define the script language as “text/javascript”. After define the script language we will add our JavaScript codes and at last we will close the tag using </script>. So the complete code will be-

CODE
<html>
<body>
<script type="text/javascript">

(Place for our JavaScript codes)

</script>
</body>
</html>


Now we will use “document.write” command (it is a standard command for JavaScript) to complete our previous code. This “document.write” command is a standard JavaScript command that writ output to a page. If we put “document.write("This is a JavaScript tutorial.");” inside the <script> tag, we will get output “This is a JavaScript tutorial.”. So the complete code is-

CODE
<html>
<body>
<script type="text/javascript">
document.write("This is a JavaScript tutorial.");
</script>
</body>
</html>


In previous example we used JavaScript in the body section. We can also use JavaScript in the head section. The system is similar, just put the script in the head section.

CODE
<html>
<head>
<script type="text/javascript">

(Place for our JavaScript codes here)

</script>
</head>
</html>


We can also use JavaScript in both head and body section.

CODE
<html>
<head>
<script type="text/javascript">
(Place for our JavaScript codes here)
</script>
</head>
<body>
<script type="text/javascript">
(Place for our JavaScript codes)
</script>
</body>
</html>


Remember that we can use unlimited number of scripts in your document. But every time we must use “<script>” tag before starting JavaScript and “</script>” tag in the end.

CODE
<html>
<head>
<script type="text/javascript">
(Place for our JavaScript codes here)
</script>
</head>
<body>
<script type="text/javascript">
(Place for our JavaScript codes)
</script>
<script type="text/javascript">
(Place for our JavaScript codes)
</script>
<script type="text/javascript">
(Place for our JavaScript codes)
</script>
</body>
</html>


I hope this little tutorial will help the beginner of JavaScript.



This post has been edited by BDIT: May 2 2008, 05:53 PM
Go to the top of the page
 
+Quote Post

Reply to this topicStart new topic

Collapse

> Similar Topics

Topics Topics
  1. Javascript SSI- Blocking Internet Protocols(2)
  2. Is Their A Free Or Express Program To Help Make Javascript, Or How Do I Do It.(0)
  3. Javascript Operators(0)
  4. Conditional Statements Of Javascript(1)


 



- Lo-Fi Version Time is now: 5th September 2008 - 11:24 PM