Prácticas en JavaScript

Prcticas en JavaScript
Practica 20 pgina web en JavaScript que muestra cmo se declara una variable y el operador de incremento ++ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head><title>Primera pgina</title></head> <body> <script language = javascript> var num = 5; num++; alert(num); //muestra el valor 6 </script> </body> </html> Practica 21 pgina web en JavaScript que muestra ocultar los scripts para navegadores que no lo soportan <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Listado 2_2.html. Ejemplo ocultar scripts</title> </head> <body> <script language="javascript" type="text/javascript">  </script> <noscript> Su navegador no soporta JavaScript. </noscript> </body> </html> Practica 22 pgina web en JavaScript que muestra el manejo de cadenas de caracteres <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Listado 3-1.html. Ejemplo de utilización de literales</title> <script type="text/javascript"> var cadena1 ="Esto es una cadena de texto que no utiliza ningn carcter especial"; var cadena2 ="\n\nEsto es una cadena \nde texto que s utiliza \ncaracteres especiales"; var cadena3 ="\n\251 J.Carlos Ors \xA9 Editorial Ra-Ma"; var cadena4 ="\n\u00AE by \"carlosys\" 1999-2010"; alert (cadena1 + cadena2 + cadena3 + cadena4); </script> </head> <body> </body> </html> Practica 23 pgina web en JavaScript que muestra la conversin dinmica de variables <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Listado 3-2.html. Conversión dinámica de variables</title> <script language="JavaScript" type="text/javascript"> var var1 = "50" //valor de cadena var var2 = 10 //valor de entero resultado_uno = var1 + var2; resultado_dos = var1 - var2; alert("Conversin varible numrica a string. \nEl resultado es " + resultado_uno); alert("Conversin variable string a numrica. \nEl resultado es " + resultado_dos); </script> </head> <body> </body> </html> Practica 24 pgina web en JavaScript que muestra el uso de funciones <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Listado 3-3.html. Ejemplo de variables locales y globales</title> </head> <body> <script type="text/javascript"> // Definicin de variable global var variable1="Esta cadena de texto se ha definido FUERA de una funcin. Es global"; //Definicin de una variable local function ejemplo() { var variable2="Esta cadena de texto se ha definido DENTRO de una funcin. Es local"; document.write (variable2); } //Impresin en pantalla de la variable global document.write (variable1 + "<br />"); //Impresin en pantalla de la variable local ejemplo(); </script> </body> </html> Practica 25 pgina web en JavaScript que muestra el uso de operadores aritmticos <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Listado 4-1.html. Ejemplo de operadores aritméticos</title> </head> <body> <script type="text/javascript"> var valor1, valor2, valor3; var suma, sumaneg, resta, multiplicacion, division, resto_division, varios;
valor1 = 80; valor2 = 60; valor3 = 15; suma = valor1 + valor2; sumaneg=-suma resta = valor1 - valor2; multiplicacion = valor1 * valor2; division = valor1 / valor2; resto_division = valor1 % valor2 varios = (valor1 + valor3) * valor2; document.write ("El resultado de la suma es " + suma + "<br />"); document.write ("Ahora negamos el valor de la suma " + sumaneg + "<br />"); document.write ("El resultado de la resta es " + resta + "<br />"); document.write ("El resultado de la multiplicacin es " + multiplicacion + "<br />"); document.write ("El resultado de la divisin es " + division + "<br />"); document.write ("El resto de la divisin es " + resto_division + "<br />"); document.write ("El resultado de la variable varios es " + varios + "<br />"); </script> </body> </html> Practica 26 pgina web en JavaScript que muestra el uso de operador typeof <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Listado 4-3.html. El operador typeof</title> </head> <body> <script type="text/javascript"> var nombre="Pepe"; var valor=1; var fecha=new Date(); alert("La variable nombre es de tipo " + (typeof nombre) + "\nLa variable valor es de tipo " + (typeof valor) + "\nLa variable fecha es de tipo " + (typeof fecha)); </script> </body> </html> Practica 27 pgina web en JavaScript que muestra el uso de la sentencia if <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Listado 5-1.html. Ejemplo de comando if</title> </head> <body> <script type="text/javascript"> var valor1, valor2; valor1 = 20; valor2 = 10; if ( valor1 >= valor2 ) {
document.write ("El valor1 es ms grande que el valor2") } </script> </body> </html> Practica 28 pgina web en JavaScript que muestra el uso del ciclo for <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Listado 5-5.html. Ejemplo de bucle for</title> </head> <body> <script type="text/javascript"> var contador = 0; for ( contador; contador<11; contador++ ) { document.write("Este es el nmero " + contador + "<br />"); } </script> </body> </html> Practica 29 pgina web en JavaScript que muestra el uso del ciclo while <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Listado 5-7.html. Ejemplo de bucle while</title> </head> <body> <script type="text/javascript"> var contador = 0; while ( contador<11 ) { document.write("Este es el nmero " + contador + "<br />"); contador++; } alert("Fin del bucle."); </script> </body> </html> Practica 30 pgina web en JavaScript que muestra el uso del ciclo do while <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Listado 5-8.html. Ejemplo de bucle do while</title> </head> <body>
<script type="text/javascript"> var password; do { password = prompt ("Por favor, introduzca la clave de acceso [papepipopu]"); } while (password != "papepipopu"); alert("Cdigo de acceso correcto.\n\'fin del bucle\' "); </script> </body> </html> Practica 31 pgina web en JavaScript que muestra el uso de la sentencia switch <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Listado 5-11.html. Ejemplo de sentencia switch</title> </head> <body> <script type="text/javascript"> var actriz = prompt("Cul de estas actrices es la mejor? \n[Catherine Zeta Jones, Demi Moore o Cameron Diaz]"); switch (actriz) { case "Catherine Zeta Jones": alert("Tu actriz favorita es Catherine Zeta Jones "); break; case "Demi Moore": alert("Tu actriz favorita es Demi Moore "); break; case "Cameron Diaz": alert("Tu actriz favorita es Cameron Diaz "); break; default: alert("Ningn valor coincide con las etiquetas case programadas.\nPrubelo otra vez."); } </script> </body> </html> Practica 32 pgina web en JavaScript que muestra el uso de la creacin de objetos <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Listado 6-4.html. Ejemplo de creación de objetos</title> </head> <body> <script type="text/javascript"> function pc(marca,cpu,memoria) { this.marca = marca; this.cpu = cpu; this.memoria = memoria;
} mipc = new pc ("OEM","Intel Core2", "6Gb") mipc2 = new pc ("AsRock","AMD K8/SEMPRON", "4Gb") mipc3 = new pc ("Asus","AMD AM2", "2Gb") var mensaje; </script> <p>¿Seleccione un objeto?<br /> </p> <form action="" id="formu"> <p> <input type="radio" name="1" onclick='alert("mipc\rmarca: " + mipc.marca + "\n" + "cpu: " + mipc.cpu + "\n" + "memoria: " + mipc.memoria + "\n");' /> mipc<br /> <input type="radio" name="1" onclick='alert("mipc2\rmarca: " + mipc2.marca + "\n" + "cpu: " + mipc2.cpu + "\n" + "memoria: " + mipc2.memoria + "\n");' /> mipc2<br /> <input type="radio" name="1" onclick='alert("mipc3\rmarca: " + mipc3.marca + "\n" + "cpu: " + mipc3.cpu + "\n" + "memoria: " + mipc3.memoria + "\n");' /> mipc3<br /> </p> </form> </body> </html>

Prácticas en JavaScript

Загружено:

Сведения о документе

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

Prácticas en JavaScript

Загружено:

Авторское право:

Доступные форматы

Prcticas en JavaScript

Вам также может понравиться