Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Introduccion JavaScript

    Cargado por

    Lula Mendez
    20 vistas25 páginas
    Breve introducción a JS

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    PPTX, PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento
    Breve introducción a JS

    Copyright:

    © All Rights Reserved
    Descargue como PPTX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    20 vistas25 páginas

    Introduccion JavaScript

    Cargado por

    Lula Mendez
    Breve introducción a JS

    Copyright:

    © All Rights Reserved
    Descargue como PPTX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 25

    JavaScript

    UN LENGUAJE DE SCRIPTING
    Unscriptes

    un programa que puede


    acompaar un documento HTML o estar
    contenido en su interior.
    Permite:
    Generacin dinmica del documento en el
    momento de la carga.
    Validacin

    de datos introducidos en un
    formulario, as como el rellenado
    automtico de aquellos controles del
    mismo que lo precisen.

    Controlar los eventos que se producen en la


    pgina: un elemento es activado con el ratn, etc.
    De JavaScript se dice que es un lenguaje del lado
    del cliente, es decir que los scripts son ejecutados
    por el navegador del usuario (cliente).

    JAVASCRIPT DENTRO DE UNA


    PAGINA HTML

    El cdigo de javaScript puede ser interpretado


    insertandolo directamente dentro de un
    documento HTML o bien escribindolo en un
    archivo por separado con extensin .js y
    posteriormente importndolo en la pagina HTML
    que lo requiera.
    La primera forma implica encapsular el cdigo
    javascript dentro de las etiquetas
    <script></script> como el siguiente ejemplo que
    escribe un documento HTML sencillo a travs
    de javaScript

    <html>
    <head>
    <script type=text/javascript>

    //codigo javaScript
    document.write(Hola mundo desde JavaScript\n);

    </script>

    </head>
    <body>
    </body>
    </html>

    document.write(); es
    el mtodo utilizado
    para escribir simple
    texto o etiquetas
    HTML dentro del
    documento.

    JAVASCRIPT EN UN ARCHIVO POR


    SEPARADO CON EXTENSIN .JS
    <html>
    <head>
    <script type=text/javascript
    src=archivo.js></script>
    </head>
    <body>
    </body>
    </html>

    PALABRAS RESERVADAS
    Son

    las palabras (en ingls) que se


    utilizan para construir las sentencias
    de JavaScript y que por tanto no
    pueden ser utilizadas libremente. Las
    palabras actualmente reservadas por
    JavaScript son:
    break,case,catch,continue,default,
    delete,do,else,finally,for,function,if,i
    n,instanceof,new,return,switch,
    this,throw,try,
    typeof,var,void,while,with.

    SINTAXIS

    No se tienen en cuenta los espacios en


    blanco y las nuevas lneas.

    Se distinguen las maysculas y minsculas.

    No se define el tipo de las variables.

    Se pueden incluir comentarios.

    CADENAS DE TEXTO

    JavaScript define un mecanismo para incluir de


    forma sencilla caracteres especiales y
    problemticos dentro de una cadena de texto.

    ARRAYS

    Es una coleccin de variables, que pueden ser


    todas del mismo tipo o cada una de un tipo
    diferente.

    Declaracin
    var nombre_array = [valor1, valor2, ...,
    valorN];

    BOOLEANOS
    Los

    nicos valores que pueden almacenar


    estas variables sontrueyfalse, por lo
    que no pueden utilizarse otros valores

    ASIGNACIN

    Este operador se utiliza para guardar un valor


    especfico en una variable.
    El smbolo utilizado es:

    var numero1 = 3;
    var numero2 = 4;

    INCREMENTO Y DECREMENTO
    var numero = 5;
    ++numero;
    alert(numero); // numero = 6

    var numero = 5; --numero;


    alert(numero); // numero = 4

    var numero1 = 5;
    var numero2 = 2;
    numero3 = numero1++ +
    numero2;
    // numero3 = 7, numero1 = 5
    var numero1 = 5;
    var numero2 = 2;
    numero3 = ++numero1 +
    numero2; /
    / numero3 = 8, numero1 = 6

    NEGACIN
    Se utiliza para obtener el valor
    contrario al valor de la variable:
    var visible = true;
    alert(!visible);
    // Muestra "false" y no "true.
    La negacin lgica se obtiene
    prefijando el smbolo!al
    identificador de la variable. El
    funcionamiento de este operador se
    resume en la siguiente tabla:

    AND

    &&

    OR

    ||

    RELACIONALES
    Los

    operadores relacionales definidos


    por JavaScript son idnticos a los que
    definen las matemticas:
    mayor que (>), menor que (<), mayor o
    igual (>=), menor o igual (<=), igual
    que (==) y distinto de (!=).
    El resultado de todos estos operadores
    siempre es un valor booleano:

    Cuando se utilizan cadenas de texto, los


    operadores "mayor que" (>) y "menor que" (<)
    siguen un razonamiento no intuitivo: se
    compara letra a letra comenzando desde la
    izquierda hasta que se encuentre una
    diferencia entre las dos cadenas de texto.
    Para determinar si una letra es mayor o
    menor que otra, las maysculas se
    consideran menores que las minsculas y
    las primeras letras del alfabeto son menores
    que las ltimas (aes menor queb,bes
    menor quec,Aes menor quea, etc.)

    Estructuras de Control

    ESTRUCTURA IF
    Sintaxis
    if (condition){
    Cdigo a ejecutar if condition is true
    }
    // If acompaado de un else
    if (condition){
    Cdigo a ejecutar ed if condition is true
    }else{
    Cdigo a ejecutar if condition is not
    true
    }

    CICLO FOR

    Y DO WHILE

    Sintaxis
    for (var=startvalue; var <= endvalue; var=var+increment){

    //cdigo a ejecutar

    while (var <= endvalue) {


    //cdigo a ejecutar
    }

    En ambos, mientras la sentencia a ser


    evaluada sea verdadera, el siguiente ciclo se
    cumple.

    SWITCH CASE
    Sintaxis
    switch(expression) {
    casen:
    code block
    break;
    casen:
    code block
    break;
    default:
    default code block
    }

    También podría gustarte