Hi, in this tutorial hopefully you will learn the basics of javascript.

First thing to know is javascript is a Client-Side programming language. That means it uses the users web browser to run the code. Second thing to know is there are TWO ways of including javascript in your web pages.

  1. The first way to include it in your page is to use script tags, for example:
    Take your basic HTML page structure:

    PLAIN TEXT
    HTML:
    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    2. <html xmlns="http://www.w3.org/1999/xhtml">
    4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    5. <title>Add your name to our database</title>
    6. </head>
    7.  
    9. </body>
    10. </html>

    The, find the head tag and inside it add:

    PLAIN TEXT
    HTML:
    1. <script type="text/javascript">
    2. //Code goes here
    3. </script>

  2. The second way is to link to external jscript file. First thing create your file.js then in the head tag of the page you want to link it to add this:

    PLAIN TEXT
    HTML:
    1. <script type="text/javascript" src="file.js"></script>

    If you want to link it to a file on an external website:

    PLAIN TEXT
    HTML:
    1. <script type="text/javascript" src="http://www.tutorialcode.com/file.js"></script>

    3. Now let's start on some code. Say you want your website viewers to have javascript to view your content, you would use the document.write command. So in your head tag of your html page add this:

    PLAIN TEXT
    HTML:
    1. <script type="text/javascript">
    2. document.write("Hello, world!")
    3. </script>

    Note: You do not have to add the ; on the end of javascript commands. The above code would write: Hello, world!

    Hopefully now you have some basic understanding of javascript, I may build on this and move on to move advanced stuff some time.

    Thanks for reading :)
    Mortisimus
    http://www.flashdoom.net

    Share and enjoy our tutorial : These icons link to social bookmarking sites where readers can share and discover new web pages.
    • Digg
    • StumbleUpon
    • del.icio.us
    • Fark
    • Furl
    • Slashdot
    • Netscape
    • BlinkList
    • Ma.gnolia
    • Reddit
    • Technorati