Scribd Logo
Upload

Welcome to Scribd!

  • 59 views

    One Meeting With Javascript

    Uploaded by

    Riz
    This document provides an overview of JavaScript, including: - JavaScript is a client-side scripting language most commonly used to modify web page content and behavior. - It is interpreted by web browsers to provide interactive effects and dynamic content on web pages. - JavaScript syntax is based on Java but is weakly typed, prototype-based, and supports first-class functions.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd

    One Meeting With Javascript

    Uploaded by

    Riz
    59 views19 pages
    This document provides an overview of JavaScript, including: - JavaScript is a client-side scripting language most commonly used to modify web page content and behavior. - It is interpreted by web browsers to provide interactive effects and dynamic content on web pages. - JavaScript syntax is based on Java but is weakly typed, prototype-based, and supports first-class functions.

    Original Description:

    A lecture on Javascript

    Original Title

    Javascript

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    This document provides an overview of JavaScript, including: - JavaScript is a client-side scripting language most commonly used to modify web page content and behavior. - It is interpreted by web browsers to provide interactive effects and dynamic content on web pages. - JavaScript syntax is based on Java but is weakly typed, prototype-based, and supports first-class functions.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Download as pdf or txt
    59 views19 pages

    One Meeting With Javascript

    Uploaded by

    Riz
    This document provides an overview of JavaScript, including: - JavaScript is a client-side scripting language most commonly used to modify web page content and behavior. - It is interpreted by web browsers to provide interactive effects and dynamic content on web pages. - JavaScript syntax is based on Java but is weakly typed, prototype-based, and supports first-class functions.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Download as pdf or txt
    of 19

    One Meeting With Javascript

    Client-Server Programming
    ● Client side
    programming/scripting
    – a program or a
    script is executed
    at the client side
    – in a web
    application this is
    usually UI-
    related/page-
    content
    modification tasks
    Client-Server Programming

    ● Server side programming/scripting


    – a program or a script executed on OR by the
    (web) server.
    – in a web application, server side programs usually
    represent business logic and data processing.
    Scripting Languages

    ● AKA extension languages


    ● Languages designed to provide 'control' over
    a predefined system.
    ● i.e. Operating systems have shell scripting
    languages
    – Allows you to issue OS-related commands.
    Client Side Scripting

    ● ECMAScript /
    Javascript
    – Created by Brendan
    Eich for Netscape
    – Originally Mocha,
    then LiveScript, then
    Javascript
    – Included in Netscape
    Navigator 2.0
    Client Side Scripting

    ● ECMAScript / Javascript
    – Microsoft came out with Jscript in MSIE 3
    – Submitted to ECMA for standardization
    – ECMA-262 Specification
    – ECMAScript is a compromise name.
    Client Side Scripting

    ● VBScript
    – in MSIE
    ● PerlScript*
    Javascript

    ● Popular in client-side programming although


    several dialects exists that are used in server-
    side programming/scripting.
    ● Other dialects:
    – ActionScript (in Adobe Flash and Flex)
    – DMDSCript
    – InScript
    Javascript Syntax
    ● Pseudo-Java syntax.
    ● Weakly/dynamically typed – type is assigned to
    values not variables.
    ● Prototype-based language
    – It is possible to declare “classes” through
    prototypes.
    ● Functions are first-class citizens
    – They can be parameters to other functions
    – Inner functions
    – Functions used in declaring prototypes and
    constructors.
    Javascript and Browsers
    ● Javascript is executed by Web Browsers in a
    sandboxed environment
    – Operations limited to and within the web page
    only.
    – No client side I/O operations possible.
    ● Objects in Browsers
    – document (DOM, i.e. the data structure that
    represents the web page being viewed)
    – window
    – browser properties
    – Some built in object types (i.e. Date, Math, String)
    Javascript Embeding

    <html>
    <head>
    ...
    <script type=”text/javascript”>
    <!--

    function myFunction() {

    }
    -->
    </script>
    Javascript Embedding

    <html>
    ...
    <head>
    <link rel=”javascript” href=”jsfile.js”
    type=”text/javascript” />
    </head>
    ...
    Javascript Embedding

    <form onsubmit=”script”>
    ...

    <input type='button' onclick='script'/>


    ...
    <a onmouseover='script'> . . .
    Directions of the Language

    ● New features are to be added to the next


    version
    – Classes
    – Structural types
    – packages/namespaces
    – optional type anotations
    – etc.
    Things of Note

    ● AJAX
    – Asynchronous Javascript And XML
    – A means of communicating with the server
    asynchronously.
    ● JSON
    – Javascript Object Notation
    ● Javascript DOM (Document Object Model)
    – This is a standard API.
    Examples: JS DOM

    function changeStyle(objID) {
    //standard DOM method
    var el = document.getElementById(objID);

    //accessing web page element


    //properties
    el.style.backgroundColor = '#00FF22';

    }
    Example: JS DOM

    <form name=”myform”>
    <input type=”checkbox” checked=”false”
    name=”chk” />
    <input type=”button” onclick=
    ”doc um ent.m yform .c hk .c hec k ed='true'”
    />
    </form>
    Example: JSON

    ● Object representaion using associative array.


    {
    “firstName” : “Jose”,
    “lastName” : “Jalapeno”,
    “address” {
    “streetAddress” : “#13 Balete Drive”,
    “city” : “Mexico City”,
    “province” : “Pampanga”
    }
    }
    Example: AJAX
    var the_object;

    va r http_reques t = new X M L H ttpR eques t();

    http_request.open( "GET", url, true );

    http_request.onreadystatechange = func tio n () {

    if ( http_request.readyState == 4 ) {

    if ( http_request.status == 200 ) {

    the_object =

    eval( "(" + http_request.responseText + ")" );


    } else {

    alert( "There was a problem with the URL." );

    http_request = null;

    You might also like

    pFad - Phonifier reborn

    Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

    Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


    Alternative Proxies:

    Alternative Proxy

    pFad Proxy

    pFad v3 Proxy

    pFad v4 Proxy