Category: JavaScript

  • cambiar dos frames con una sola liga

    ¿Cómo cambiar dos frames con una sola liga? es muy sencillo mira en el siguiente ejemplo la funcion CambiarFrames(). <html> <head> <script> function CambiaFrames() { parent.izquierdo.location="liga.htm" parent.principal.location="liga2.htm" } </script> </head> <body> <a href="#" onClick="CambiaFrames();"> Liga </a> </body> </html> Donde izquierdo y principal son los nombres que le pusiste a cada frame.

  • Escribir HTML con JavaScript

    Para escribir HTML con JS, utilizamos la misma función document.write("") y dentro de las comillas escribimos cualquier texto y cualquier tag de HTML. Aquí les dejo un ejemplo: <html> <body> <script type="text/javascript"> document.write("<h1>Este es un encabezado escrito con JS</h1>"); </script> </body> </html>

  • Cómo llamar una función en JavaScript

    En el siguiente ejemplo aprenderemos a llamar una función al momento de apretar un botón en JS. <html> <head> <script type="text/javascript"> function miFuncion() { alert("Activaste la funcion miFuncion()"); } </script> </head> <body> <form> <input type="button" onclick="miFuncion()" value="Activar Función"> </form> <p>Presiona el botón y saldra una alerta contenida dentro de una función.</p> </body> </html>

  • Switch case en JavaScript

    A diferencia del if else, el switch case nos permite tener varias opciones o simplificar un poco el código. En el siguiente ejemplo dependiendo del día de la semana imprime un texto diferente. <html> <body> <script type="text/javascript"> var a = new Date(); Dia=a.getDay(); switch (Dia) { case 5:   document.write("<b>Viernes social</b>");   break; case 6:   document.write("<b>Sábado…

  • Liga aleatoria o random en JavaScript

    El siguiente script sirve para imprimir una liga aleatoria o random dentro de una página web. Cada vez que un visitante entre la liga que mostrará será diferente. <html> <body> <script type="text/javascript"> 'La variable r se le asigna un valor aleatorio var r=Math.random(); ' si r es mayor de .5 imprime esta liga if (r>0.5)…

  • Uso de variables en JavaScript

    El siguiente ejemplo muestra como crear variables, asignarles un valor y desplegarlas o imprimirlas dentro del contenido web mediante JS. <html> <body> <script type="text/javascript"> 'declaramos la variable var nombre; 'asignamos el valor Morris a la variable nombre="Morris"; 'imprimimos la variable document.write(nombre); document.write("<br />"); 'asignamos otro valor a la variable nombre="Luffy"; 'imprimimos la variable document.write(nombre); </script> <p>Cómo…

  • Comentario en JavaScript

    Existen dos formas de comentar en JavaScript: por línea y por bloque. Ejemplo de comentario por línea en JavaScript <html> <body> <script type="text/javascript"> // Comentario de una línea document.write("<h1>Lo que se comenta, no se escribe</h1>"); </script> </body> </html> Ejemplo de comentario por bloque en JavaScript <html> <body> <script type="text/javascript"> /* Este es un comentario por…

  • JavaScript dentro del head o encabezado

    El JavaScript se puede colocar dentro de las etiquetas <head>, es decir, en el encabezado de una página. De tal forma que se ejecuta al momento de cargar el sitio.Esto es muy bueno para declarar funciones y desatar el evento. En el siguiente ejemplo el la función mensaje se ejecuta cuando se carga el cuerpo…

  • JavaScript dentro del body o cuerpo

    El javascript se puede colocar dentro del cuerpo de una página (es decir, entre las etiquetas <body>). El JavaScript se ejecutará en el orden en que se va ejecutando el código. En el siguiente ejemplo, el script se ejecuta justo al momento en que el navegador comienza a leer la etiqueta <body> <html> <head> </head>…

  • Bucle While con JavaScript

    El bucle While en JS se utiliza para ejecutar un pedazo de código mientras la condición siga siendo verdadera. En este caso el bucle no parará hasta que la variable "i" sea igual a 5. <html> <body> <script type="text/javascript"> var i=0; while (i<=5) { document.write("El número es " + i); document.write("<br />"); i=i+1; } </script>…