Jump to content
xisto Community
Sign in to follow this  
Tourist

Javascript Tutorial For Beginner Using Javascript in HTML page

Recommended Posts

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 by BDIT (see edit history)

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.