Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • 177 vistas

    Ejemplos Javascript

    Cargado por

    Vana Vb
    El documento contiene 10 ejemplos de código JavaScript para realizar diferentes tareas en una página web como mostrar alertas, recoger datos de usuario, abrir ventanas emergentes, mostrar una galería de imágenes y enviar correos electrónicos. Cada ejemplo se encuentra en su propia página HTML.

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd

    Ejemplos Javascript

    Cargado por

    Vana Vb
    177 vistas13 páginas
    El documento contiene 10 ejemplos de código JavaScript para realizar diferentes tareas en una página web como mostrar alertas, recoger datos de usuario, abrir ventanas emergentes, mostrar una galería de imágenes y enviar correos electrónicos. Cada ejemplo se encuentra en su propia página HTML.

    Descripción original:

    JS

    Título original

    ejemplos_javascript

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

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

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    El documento contiene 10 ejemplos de código JavaScript para realizar diferentes tareas en una página web como mostrar alertas, recoger datos de usuario, abrir ventanas emergentes, mostrar una galería de imágenes y enviar correos electrónicos. Cada ejemplo se encuentra en su propia página HTML.

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Descargar como docx, pdf o txt
    177 vistas13 páginas

    Ejemplos Javascript

    Cargado por

    Vana Vb
    El documento contiene 10 ejemplos de código JavaScript para realizar diferentes tareas en una página web como mostrar alertas, recoger datos de usuario, abrir ventanas emergentes, mostrar una galería de imágenes y enviar correos electrónicos. Cada ejemplo se encuentra en su propia página HTML.

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Descargar como docx, pdf o txt
    Está en la página 1de 13

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.

    01 Transitional//EN">

    <html>

    <head>

    <title>ejemplo01.htm</title>

    <script language="JavaScript">

    //Visualizar un mensaje de bienbenida

    alert ("¡Bienvenido a nuestra pagina!");

    </script>

    </head>

    <body>

    <a href='ejemplo02.html'> Ir al siguiente ejemplo...</a>

    </body>

    </html>
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

    <html>

    <title>ejemplo02.htm</title>

    <input type= button value=Atras onclick="history.go(-1)">

    </html>
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

    <html>

    <title>ejemplo03.htm</title>

    <script language="JavaScript">

    //Recoge un dato por teclado y visualizarlo

    var nom;

    nom=prompt("Escribe tu nombre", "Nombre");

    alert("Mucho gusto " + nom);

    </script>

    </html>
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

    <html>

    <title>ejemplo04.htm</title>

    <head>

    <script language="JavaScript">

    //pedir confirmacion para visitar una pagina

    function confirmar()

    return confirm("Esta pagina contiene contenido para mayores de 18 años. ¡Lo cumples?")

    </script>

    </head>

    <body>

    <a href="http://www.starwars.com/" onclick="return confirmar()">

    Enlace a la pagina oficial de start wars </a>

    </body>

    </html>
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

    <html>

    <title>ejemplo05.htm</title>

    <!-- Abrir una ventana pop-up cada cierto tiempo -->

    <head>

    <script>

    function abrir_ventana()

    window.open("http://WWW.cnice.mec.es/");

    function para_abrir()

    clearTimeout(pop);

    pop = setInterval ("abrir_ventana()", 3000);

    </script>

    </head>

    <body>

    <input type=button value="parar de abrir ventanas"

    oneclick="parar_abrir()">

    </body>

    </html>
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

    <html>

    <title>ejemplo06.htm</title>

    <head>

    <script>

    //ejemplo lo que visualiza un reloj digital.

    function Ver_Hora()

    var mihora = new Date();

    var horas = mihora.getHours().toString();

    var minutos =mihora.getMinutes().toString();

    if (minutos.length == 1)minutos = "0" + minutos;

    var segundos = mihora.getSeconds().toString();

    if (segundos.length == 1)segundos = "0"+ segundos;

    document.forms[0].mireloj.value = horas + " : "+ minutos + " : " + segundos;

    </script>

    </head>

    <body>

    <form>

    <p align="center">

    <label><h1>El reloj de willbert</h1></label></p>

    <input type="text" size="10" name="mireloj"> </p>

    </form>

    <script> var r = setInterval ("Ver_Hora()",500); </script>

    </body>

    </html>
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

    <html>

    <title>ejemplo07.htm</title>

    <head>

    <script language="javascript">

    //Ejemplo que muestra una galeria de imagenes

    function ver_imagen()

    if (!document.images)

    return

    document.images.img.src=

    document.imagenes.imagen.options[document.imagenes.imagen.slectedIndex].value

    </script>

    <body>

    <form name="imagenes">

    <select name="imagen" size="1" onchange="ver_imagen()">

    <option> Elie una imagen </option>

    <option value = "img\1.jpg">1 </option>

    <option value = "img\2.jpg">2 </option>

    <option value = "img\3.jpg">3 </option>

    </select>

    </form>

    <img src="img\1.jpg" name="img" width=600 height=436 border=3>

    </body>

    </head>

    </html>
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

    //profe este ejercicio no funciona ya lo revise letra por letra y nomas no pero de todos modos encontre otro por internet
    //que si funciona se lo agrego despues de este

    <html>

    <title>ejemplo08</title>

    <script>

    //desabilitar el boton derecho del raton

    function boton_derecho(e)

    if (navigator.appName == 'Netscape' &&

    (e.which == 3 || e.which == 2))

    return false;

    else if (navigator.appName == 'Microsoft Internet Explorer '&&

    (event.button == 2 || event.button == 3))

    alert("Lo sentimos, el boton derecho del raton esta

    desabilitado.");

    return false;

    return true;

    document.onmousedown = boton_derecho;

    if (document.layers) window.captureEvents (Event.MOUSEDOWN);

    window.onmousedown = boton_derecho;

    </script>

    <body> Pulsa el boton derecho... </body>

    </html>
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

    <html>

    <head>

    <title>Ejemplo08.htm</title>

    <script language=JavaScript>

    <!--

    var message='NO SIRVE EL BOTON DERECHO DE TU MOUSE, ESTA DESCOMPUESTO,COMPARTE OTRO MAS CHINGON';

    function clickIE() {if (document.all) {alert(message);return false;}}

    function clickNS(e) {if

    (document.layers||(document.getElementById&&!document.all)) {

    if (e.which==2||e.which==3) {alert(message);return false;}}}

    if (document.layers)

    {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}

    else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}

    document.oncontextmenu=new Function('return false')

    // -->

    </script>

    </head>

    <BODY>

    <CENTER>

    <h2>Pulsa el boton derecho </h2>

    solo para darte cuenta de que no sirve sorry, mejor cierra esta ventana y regresa por donde venistes bye.

    <hr>

    <center>

    <h3> [<a href="ejemplo01.html">Volver</a>] </h3>

    </center>

    </BODY>

    </html>
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

    <html>

    <title>ejemplo09</title>

    <!-- Imprimir un documento -->

    <body>

    <p align="center" style="font:italic 36px Georgia">GATITO </p>

    <p align="center"><img src="Ventana/cat.jpg" width="714" height="471 border="0""></p>

    <form >

    <input type="button" value="Imprmir" onclick="window.print()">

    </form>

    </body>

    </html>
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

    <html>

    <title>Ejemplo10</title>

    <!-- Muestra un mensaje con scroll en la barra de estado -->

    <head>

    <script language="JavaScript">

    var timed = 0;

    var scrollGo = false;

    var delay = 100;

    var space = 100;

    function scroll_start()

    var i=0;

    msg="Este es el mensaje mostrado en la barra de estado";

    for (i=0;i<space;i++)

    msg=" "+msg;

    scrollGo = true;

    timerid = window.setTimeout ("scrollmsg (0)",delay);

    function scrollmsg(pos)

    var out = "";

    scrollGo = false;

    if (pos < msg.length)

    self.status = msg.substring(pos,msg.length);

    else

    pos = -1

    ++pos;
    scrollGo= true;

    timerid = window.setTimeout("scrollmsg("+pos+")",delay);

    </script>

    </head>

    <body onLoad="scroll_start();">

    </body>

    </html>
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

    <html>

    <body>

    <script language="javascript">

    function mailpage()

    mail_str = "mailto:[email protected]?subject=Ejemplo: " +

    document.title;

    mail_str += "&body= te recomiendo que visites esta pagina (http://www.cnice.mec.es/)--" +


    document.title;

    mail_str += ". Enlace:" + location.href;

    location.href = mail_str;

    </script>

    <a HREF="javascript:mailpage()"> Mandar correo¡</a>

    </body>

    </html>

    También podría gustarte