Javascript Tutorial For Beginner Using Javascript in HTML page

Tourist · May 2, 2008

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.
Edited May 2, 2008 by BDIT (see edit history)

Sign In

Javascript Tutorial For Beginner Using Javascript in HTML page

Recommended Posts

Tourist 0

Share this post

Link to post

Share on other sites

Create an account or sign in to comment

Create an account

Sign in

Browse

Activity

Important Information