Scribd Logo
Upload

Welcome to Scribd!

  • Javascript: Prepared by Ms Shafia

    Uploaded by

    AYESHA FAYYAZ BS Computer Science
    13 views12 pages
    JavaScript is a programming language for use in HTML pages. a lightweight programming language ("scripting language").

    Original Title

    JavaScript lec 1

    Copyright

    © © All Rights Reserved

    Available Formats

    PPTX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    JavaScript is a programming language for use in HTML pages. a lightweight programming language ("scripting language").

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    13 views12 pages

    Javascript: Prepared by Ms Shafia

    Uploaded by

    AYESHA FAYYAZ BS Computer Science
    JavaScript is a programming language for use in HTML pages. a lightweight programming language ("scripting language").

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 12

    JavaScript

    Prepared by Ms shafia
    What is JavaScript?
    • JavaScript is a programming language for use in HTML pages.
    • a lightweight programming language ("scripting language").
    • Invented in 1995 at Netscape Corporation (LiveScript)
    • JavaScript has nothing to do with Java.
    • JavaScript programs are run by an interpreter built into the user's
    web browser (not on the server).
    Client Side Scripting
    Why use client-side programming?
    Any server side programming language allows us to create dynamic
    web pages. Why also use client-side scripting?
    • client-side scripting (JavaScript) benefits:
    • usability: can modify a page without having to post back to the server (faster
    UI)
    • efficiency: can make small, quick changes to page without waiting for server
    • event-driven: can respond to user actions like clicks and key presses
    Why use Server-side programming?
    • server-side programming benefits:
    • security: has access to server's private data; client can't see source code.
    • compatibility: not subject to browser compatibility issues.
    • power: can write files, open connections to servers, connect to databases, .
    What can JavaScript Do?
    • JavaScript can dynamically modify an HTML page.
    • JavaScript can react to user input.
    • JavaScript can validate user input.
    • JavaScript can be used to create cookies (yum!).
    • JavaScript is a full-featured programming language.
    • JavaScript user interaction does not require any communication with the server.
    • used to make web pages interactive.
    • react to events (ex: user clicks on a button).
    • get information about a user's computer (ex: browser type).
    • perform calculations on user's computer (ex: form validation).
    Pros and Cons of JavaScript
    • Pros:
    • Allows more dynamic HTML pages, even complete web applications.
    • Cons:
    • Requires a JavaScript-enabled browser.
    • Requires a client who trusts the server enough to run the code the server
    provides.
    • JavaScript has some protection in place but can still cause security
    problems for clients
    • Remember JavaScript was invented in 1995 and we browsers have changed a
    lot since then
    Using JavaScript in your HTML
    JavaScript can be inserted into documents by using the SCRIPT tag

    <html>
    <head>
    <title>Hello World in JavaScript</title>
    </head>
    <body>
    <script type="text/javascript">
    document.write("Hello World!");
    </script>
    </body>
    </html>
    Save it with webpage.html
    Where to Put your Scripts
    • You can have any number of scripts

    • Scripts can be placed in the HEAD or in the BODY


    – In the HEAD, scripts are run before the page is displayed
    – In the BODY, scripts are run as the page is displayed

    • In the HEAD is the right place to define functions and variables that
    are used by scripts within the BODY
    Using JavaScript in your HTML
    <html>
    <head>
    <title>Hello World in JavaScript</title>
    <script type="text/javascript">
    function helloWorld()
    {
    document.write("Hello World!");
    }
    </script>
    </head>
    <body>
    <script type="text/javascript">
    helloWorld();
    </script>
    </body>
    </html>
    External Scripts(Linking to a JavaScript file)
    • Scripts can also be loaded from an external file.
    • script tag should be placed in HTML page's head.
    • script code is stored in a separate .js file.
    • JS code can be placed directly in the HTML file's body or head (like CSS).
    • This is useful if you have a complicated script or set of subroutines that
    are used in several different documents.

    <script src="myscript.js“ type=“text/javascript”></script>

    You might also like