Honesty Rocks! truth rules.

Javascript Tutorial For Beginner Using Javascript in HTML page

HOME      >>       Programming

Tourist

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-

<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-

<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.

<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.

<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.

<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.