Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Javascript

    Cargado por

    Nelly De Jesus Silva Galindo
    8 vistas33 páginas

    Título original

    9865692_javascript

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento

    Copyright:

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

    Javascript

    Cargado por

    Nelly De Jesus Silva Galindo

    Copyright:

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

    “Ingeniería Web II”

    DOCENTE:
    Robert Osorio Torres
    Requerimientos

    Objetivo
    Diseño
    Contenido

    Línea de Tiempo Desarrollo -


    Integración

    “CSS”
    Definición

    JavaScript es uno de los 3 lenguajes de programación esenciales para el desarrollo Web:

    1. HTML para definir el contenido de las páginas web


    2. CSS para especificar el diseño de las páginas web
    3. JavaScript para programar el comportamiento de las páginas web

    Las páginas web no son el único lugar donde se usa JavaScript. Muchos programas de escritorio y servidor usan JavaScript. Node.js es el más conocido. Algunas
    bases de datos, como MongoDB y CouchDB, también usan JavaScript como lenguaje de programación.

    “JavaScript”
    JavaScript puede cambiar el contenido HTML
    Uno de los muchos métodos HTML JavaScript es getElementById ().

    Este ejemplo utiliza el método para "encontrar" un elemento HTML (con id = "demo") y cambia el contenido del
    elemento (innerHTML) a "Hola JavaScript":

    “JavaScript”
    JavaScript puede cambiar los estilos HTML (CSS)
    Cambiar el estilo de un elemento HTML es una variante de cambiar un atributo HTML:

    “JavaScript”
    La etiqueta <script> En HTML, el código JavaScript debe insertarse entre las etiquetas <script> y
    </script>.

    “JavaScript”
    Funciones y eventos de JavaScript
    Una función de JavaScript es un bloque de código de JavaScript, que se puede ejecutar cuando se le
    "solicita".

    Por ejemplo, se puede llamar a una función cuando ocurre un evento, como cuando el usuario hace clic en
    un botón.

    JavaScript en <head> o <body>


    Puede colocar cualquier número de scripts en un documento HTML.

    Los scripts se pueden colocar en el <cuerpo>, o en la sección <head> de una página HTML, o en ambos.

    “JavaScript”
    JavaScript en <head> En este ejemplo, se coloca una función de JavaScript en la sección <head> de
    una página HTML. La función se invoca (se llama) cuando se hace clic en un botón:

    “JavaScript”
    JavaScript en <body>
    En este ejemplo, se coloca una función de JavaScript en la sección <body> de una página HTML.

    La función se invoca (se llama) cuando se hace clic en un botón:

    “JavaScript”
    JavaScript externo
    Las secuencias de comandos también se pueden colocar en
    archivos externos:
    Ventajas externas de JavaScript
    Colocar scripts en archivos externos tiene algunas ventajas:

    Separa HTML y código


    Hace que HTML y JavaScript sean más fáciles de leer y mantener
    Los archivos JavaScript en caché pueden acelerar las cargas de página
    Para agregar varios archivos de script a una página, use varias etiquetas de script:

    <script src="miScript1.js"></script>
    <script src="mScript2.js"></script>

    “JavaScript”
    Este ejemplo utiliza una URL completa para vincular a un script:
    <script src="https://www.umb.edu.co/js/miScript1.js"></script>

    Este ejemplo utiliza un script ubicado en una carpeta especificada en el sitio web actual:

    <script src="/js/miScript1.js"></script>

    Este ejemplo enlaza a un script ubicado en la misma carpeta que la página actual:

    <script src="miScript1.js"></script>
    JavaScript puede "mostrar" datos de diferentes maneras:

    Escribir en un elemento HTML, usando innerHTML.


    Escribir en la salida HTML usando document.write ().
    Escribir en un cuadro de alerta, usando window.alert ().
    Escribir en la consola del navegador, usando console.log ().
    Usando innerHTML
    Para acceder a un elemento HTML, JavaScript puede usar el método document.getElementById (id).

    El atributo id define el elemento HTML. La propiedad innerHTML define el contenido HTML:


    Usando document.write ()
    Para fines de prueba, es conveniente usar document.write ():
    Nunca llame a document.write después de que el documento
    haya terminado de cargarse.
    Sobreescribirá todo el documento.
    Si usa
    document.write ()
    después de cargar un
    documento HTML,
    eliminará todo el
    HTML existente:
    Usando window.alert ()
    Puede usar un cuadro de alerta para mostrar datos:
    Usando console.log ()
    Para fines de depuración, puede usar el método console.log () para mostrar datos.
    Declaraciones JavaScript
    Tipos de datos de JavaScript
    Las variables de JavaScript pueden contener muchos tipos de
    datos: números, cadenas, objetos y más:

    var longitud = 16; // Número


    var apellido = “Rivadeneira"; // String
    var x = {nombre:“Karla", apellido:"Diaz"}; // Object
    Funciones de JavaScript
    Una función de JavaScript es un bloque de código diseñado para realizar una tarea en particular.

    Una función de JavaScript se ejecuta cuando es invocada.


    Sintaxis de la función de JavaScript
    Una función de JavaScript se define con la palabra clave de función, seguida de un nombre, seguido de paréntesis ().

    Los nombres de funciones pueden contener letras, dígitos, subrayados y signos de dólar (las mismas reglas que las
    variables).

    Los paréntesis pueden incluir nombres de parámetros separados por comas:


    (parámetro1, parámetro2, ...)

    El código que se ejecutará, por la función, se coloca entre llaves: {}


    function name(parametro1, parametro2, parametro3)
    {
    // Código a ejecutar
    }
    Invocación de funciones
    El código dentro de la función se ejecutará cuando "algo" invoque (llame) la función:

    Cuando ocurre un evento (cuando un usuario hace clic en un botón)


    Cuando se invoca (llama) desde el código JavaScript
    Automáticamente (auto invocado)
    Función return
    Cuando JavaScript alcanza una declaración return, la función dejará de ejecutarse.

    Si la función fue invocada desde una declaración, JavaScript "regresará" para ejecutar el código después de la declaración de
    invocación.

    Las funciones a menudo calculan un valor de retorno. El valor devuelto se "devuelve" a la "persona que llama":
    El operador () invoca la función
    Usando el ejemplo anterior, toCelsius se refiere al objeto de función, y toCelsius () se refiere al resultado de la
    función.

    Acceder a una función sin () devolverá la definición de la función en lugar del resultado de la función:
    Definición de objeto
    Usted define (y crea) un objeto JavaScript con un objeto literal:
    Eventos JavaScript
    Los eventos HTML son "cosas" que le suceden a los elementos HTML.
    Cuando se usa JavaScript en páginas HTML, JavaScript puede "reaccionar" ante estos eventos.

    Eventos HTML
    Un evento HTML puede ser algo que hace el navegador o algo que hace un usuario.

    Ejemplos de eventos HTML:

    Una página web HTML ha terminado de cargarse


    Se cambió un campo de entrada HTML
    Se hizo clic en un botón HTML
    A menudo, cuando ocurren eventos, es posible que desee hacer algo.

    JavaScript le permite ejecutar código cuando se detectan eventos.

    HTML permite agregar atributos de controlador de eventos, con código JavaScript, a elementos HTML.

    Con comillas simples:


    Eventos HTML comunes
    Lista de algunos eventos HTML comunes:

    Evento Descripción
    onchange Se ha cambiado un elemento HTML.

    onclick El usuario hace clic en un elemento HTML.


    onmouseover El usuario mueve el mouse sobre un elemento HTML
    onmouseout El usuario aleja el mouse de un elemento HTML
    onkeydown El usuario presiona una tecla del teclado
    onload El navegador ha terminado de cargar la página.

    También podría gustarte