Scribd Logo
Hochladen

Willkommen bei Scribd!

  • Tecnologías de Internet Control 2

    Hochgeladen von

    Andres Felipe Fuenzalida Leal
    166 Ansichten8 Seiten
    Tecnologías de internet IACC 2017

    Originaltitel

    tecnologías de Internet Control 2

    Copyright

    © © All Rights Reserved

    Verfügbare Formate

    DOCX, PDF, TXT oder online auf Scribd lesen

    Stufen Sie dieses Dokument als nützlich ein?

    Sind diese Inhalte unangemessen?

    Dieses Dokument melden
    Tecnologías de internet IACC 2017

    Copyright:

    © All Rights Reserved
    Als DOCX, PDF, TXT herunterladen oder online auf Scribd lesen
    Markieren Sie unangemessene Inhalte
    166 Ansichten8 Seiten

    Tecnologías de Internet Control 2

    Hochgeladen von

    Andres Felipe Fuenzalida Leal
    Tecnologías de internet IACC 2017

    Copyright:

    © All Rights Reserved
    Als DOCX, PDF, TXT herunterladen oder online auf Scribd lesen
    Markieren Sie unangemessene Inhalte
    von 8

    La World Wild Web o WWW

    Andrs Fuenzalida

    Tecnologas de Internet

    Instituto IACC

    25 de noviembre de 2017
    Desarrollo

    Presentar y explicar 3 sentencias o instrucciones de JavaScript.

    onLoad:
    La funcin onLoad, cuya abreviatura es load se ejecuta al final del proceso de carga de la pgina
    web, es decir, cuando todos los objetos del sitio (imgenes, flash, scripts, frames) han terminado
    de cargarse. Una excepcin son las hojas de estilo, que no siempre estn cargadas al momento de
    lanzarse este evento. A continuacin presento un cdigo y las capturas de pantalla con la
    funcin onLoad que ejecuta tres ventanas de alerta al cargar un sitio
    <html>
    <head>
    <script>
    function load() {
    alert("Ejemplo onLoad");
    alert("Ejemplo onLoad 2");
    alert("Ejemplo onLoad 3");
    }
    window.onload = load;
    </script>
    <h1>Funcin onLoad</h1>
    </head>
    </html>
    Reloj:

    Esta funcin permite mostrar un pequeo reloj digital en la pgina web debemos
    Tenemos que construir una funcin que recoja la hora del sistema y la muestre en el campo de
    texto, para tomar la hora vamos a hacer uso del objeto Date de Javascript.
    today = new Date()
    Si creamos una nueva instancia del objeto Date sin pasarle parmetros se inicializa a la fecha y
    hora actuales.
    Luego tenemos que obtener de esa instancia de Date lo que nos interesa, que es la hora, los
    minutos y segundos. Esto lo hacemos utilizando los correspondientes mtodos del objeto Date.
    hora = today.getHours()
    minuto = today.getMinutes()
    segundo = today.getSeconds()
    Ahora combinamos los resultados para construir la hora con el formato que deseamos.
    horaImprimible = hora + " : " + minuto + " : " + segundo
    La lnea de cdigo para llamarse a si misma, que colocaremos en la ltima lnea de la funcin es
    la siguiente:
    setTimeout("mueveReloj()",1000)
    La funcin setTimeout sirve para hacer el retardo antes de ejecutar la sentencia. La sentencia es
    una simple llamada a la funcin y el retardo es de 1000 milisegundos (un segundo).
    Poner en marcha el reloj
    Finalmente necesitamos poner el reloj en marcha. Esto lo podemos hacer una vez acabada la
    carga de la pgina con el manejador de eventos onload, que se coloca en el <body>.
    <body onload="mueveReloj()">
    El cdigo queda de la siguiente manera:
    <html>
    <head>
    <title>Reloj con Javascript</title>
    <script language="JavaScript">
    function mueveReloj(){
    today = new Date()
    hora = today.getHours()
    minuto = today.getMinutes()
    segundo = today.getSeconds()

    horaImprimible = hora + " : " + minuto + " : " + segundo

    document.form_reloj.reloj.value = horaImprimible

    setTimeout("mueveReloj()",1000)
    }
    </script>
    </head>
    <body onload="mueveReloj()">
    RELOJ DIGITAL
    <form name="form_reloj">
    <input type="text" name="reloj" size="10">
    </form>
    </body>
    </html>
    Imprimir:

    Para poder imprimir se debe utilizar el mtodo print del objeto window, este se puede vincular a
    la pulsacin de un botn, en este caso se debe incluir dentro de las etiquetas <form></form> ya
    que al ser botn es parte de un formulario, cuando lo presionamos nos da la opcin de imprimir
    la pgina actual.
    Index.html

    <html>
    <head>
    <link rel="stylesheet" type="text/css"
    href="index.css" >

    <br><br><br>
    <title> World Wild Web o www </title>
    <h1>Andres Felipe Fuenzalida Leal</h1><hr>
    <h2>14 de abril de 1986</h2><hr>
    <!-- Comentario Oculto de Prueba... -->
    <h3>afuenzalida@rayensalud.com / fuenzalidandres@gmail.com</h3><hr>
    </head>
    <body>
    </body>
    </html>

    Index.css

    h1 {text-align : center}
    h2 {text-align : right}
    h3 {text-align : left}

    h1 { color : rgb(23,32,42)}
    h2 { color : #d35400}
    h3 { color : purple}
    Bibliografa

    http://htmlcolorcodes.com/es/

    https://developer.mozilla.org/es/docs/Web/API/GlobalEventHandlers/onload

    https://desarrolloweb.com/articulos/549.php

    https://es.stackoverflow.com/questions/83991/llamar-una-funci%C3%B3n-javascript-

    desde-html

    https://es.stackoverflow.com/questions/51946/cu%C3%A1l-es-la-diferencia-entre-

    window-onload-y-document-ready/52059

    Das könnte Ihnen auch gefallen