Scribd Logo
Upload

Welcome to Scribd!

  • Intro Javascript 4

    Uploaded by

    Acapetillo
    12 views17 pages
    This document provides an introduction to JavaScript including: - What JavaScript is and why it's useful - How to include JavaScript in HTML pages - An example "Hello World" JavaScript program - Explanations of the key parts of the "Hello World" program including the <script> tag, hiding JavaScript from older browsers, using document.write(), and single-line and multi-line comments.

    Original Description:

    Original Title

    intro javascript 4

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This document provides an introduction to JavaScript including: - What JavaScript is and why it's useful - How to include JavaScript in HTML pages - An example "Hello World" JavaScript program - Explanations of the key parts of the "Hello World" program including the <script> tag, hiding JavaScript from older browsers, using document.write(), and single-line and multi-line comments.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    12 views17 pages

    Intro Javascript 4

    Uploaded by

    Acapetillo
    This document provides an introduction to JavaScript including: - What JavaScript is and why it's useful - How to include JavaScript in HTML pages - An example "Hello World" JavaScript program - Explanations of the key parts of the "Hello World" program including the <script> tag, hiding JavaScript from older browsers, using document.write(), and single-line and multi-line comments.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    of 17

    Introduction to

    JavaScript
    Topics
    l What is JavaScript?
    l Why JavaScript?
    l Including JavaScript in HTML
    l Hello World Example Script
    l JavaScript Comments

    2
    What is JavaScript?
    l Created by Netscape
    l Originally called LiveWire then LiveScript
    l A client-side scripting language
    l Client-side refers to the fact that it is executed in
    the client (software) that the viewer is using. In
    the case of JavaScript, the client is the browser.
    l A server-side language is one that runs on the
    Web server. Examples: PHP, Python
    l Interpreted on-the-fly by the client
    l Each line is processed as it loads in the browser
    3
    JavaScript is not Java
    l Completely different types of languages that
    just happen to be similarly named
    l JavaScript - programs are interpreted in the
    browser
    l Java - programs are compiled and can be run as
    stand alone applications

    4
    Why JavaScript?
    l It’s easier to learn than most programming
    languages
    l It allows you to make interactive Web pages
    l It can be fun!

    5
    Including JavaScript in HTML
    l Two ways to add JavaScript to Web pages
    l Use the <script>…</script> tag
    l Include the script in an external file -- more about
    this later in the semester
    l Initially, we will only use the <script>…</script>
    tag

    6
    Hello, World!
    l Typically, in any programming language, the
    first example you learn displays “Hello,
    World!”
    l We are going to take a look at a Hello World
    example and then examine all of its parts.

    7
    Hello World in JavaScript
    <!DOCTYPE html>
    <html>
    <head>
    <title>Hello World Example</title>
    </head>
    <body>
    <script type="text/javascript">
    <!--
    document.write("<h1>Hello, world!</h1>");
    //-->
    </script>
    </body>
    </html> 8
    Hello World Screenshot

    9
    The <script>…</script> tag
    l The code for the script is contained in the
    <script>…</script> tag

    <script type="text/javascript">
    .
    .
    .
    </script>
    10
    Hiding JavaScript from Older
    Browsers
    l Some older browsers do not support JavaScript
    l We need to tell those browsers to ignore what is in the
    <script> tag

    <script type="text/javascript">
    <!--
    some JavaScript code
    //-->
    </script>
    11
    Displaying text
    l The document.write() method writes a string
    of text to the browser

    <script type="text/javascript">
    <!--
    document.write("<h1>Hello, world!</h1>");

    //-->
    </script>
    12
    document.write()

    Ends in a semicolon

    document.write("<h1>Hello,world!</h1>");

    Enclosed in quotes --
    denotes a "string"

    13
    Comments in JavaScript
    l Two types of comments
    l Single line
    l Uses two forward slashes (i.e. //)
    l Multiple line
    l Uses /* and */

    14
    Single Line Comment Example

    <script type="text/javascript">
    <!--
    // This is my JavaScript comment
    document.write("<h1>Hello!</h1>");
    //-->
    </script>
    15
    Multiple Line Comment
    Example

    <script type="text/javascript">
    <!--
    /* This is a multiple line comment.
    * The star at the beginning of this line is optional.
    * So is the star at the beginning of this line.
    */
    document.write("<h1>Hello!</h1>");
    //-->
    </script>
    16
    Find the Bug!
    <script type="text/javascript">
    <!--
    /* This is my JavaScript comment
    * that spans more than 1 line.
    *
    document.write("<h1>Hello!</h1>");
    //-->
    </script> 17

    You might also like