3. <!-- Codigo JavaScript
function funcion()
{
if (confirm('¿Quieres volver a la página inicial?'))
parent.location = "leccion1.htm";
}
// Final de codificación -->
</SCRIPT>
<TITLE>URL JavaScript</TITLE>
</HEAD>
<BODY BGCOLOR="white">
<H2><FONT COLOR=#0000FF FACE="Modern">El URL JavaScript
</FONT></H2>
Por ejemplo, el código siguiente crea un enlace que, cuando es pulsado, muestra una
ventana de confirmación. Si el usuario pulsa sobre el link y escoje <I>Cancelar</I>, la
página especificada por el enlace no es cargada.
<CENTER><P>
<A HREF = "javascript:funcion()">Ejemplo de URL JAVASCRIPT</A>
</P></CENTER>
<P><H5><CENTER><B><A HREF="urljs_codi.htm">Código</A> | <A
HREF="javascript:history.back()">Atrás</A> | <A
HREF="leccion1.htm">Inicio</A></B></CENTER></H5>
</BODY>
</HTML>
Ingresa un número, calcula su cuadrado y muestra el resultado en un text y con
window.status
<html>
<head>
<SCRIPT LANGUAJE = "JavaScript">
function cuadrado(numero){
document.form1.resultat.value = numero * numero;
window.status='Has entrado el número ' + numero + ' y el resultado es '
+document.form1.resultat.value;
}
</SCRIPT>
<head>
<body>
<FORM name="form1" >
Entra un número:
<INPUT TYPE="text" NAME="entrada" SIZE=15>
<INPUT TYPE="button" VALUE="Cuadrado" onClick="cuadrado(entrada.value)">
<BR>
Resultado:
<INPUT TYPE="text" NAME="resultat" SIZE=15>
</FORM>
</body>
</html>
Muestra la última modificación de la página
<html>
<body>
Esta es una simple página en HTML.
<br>
Ultima modificación:
<script language="JavaScript">
<!-- oculta el script de los browsers obsoletos
4. document.write(document.lastModified)
// termina de esconder el contenido -->
</script>
</body>
</html>
Muestra un número al azar
<html>
<head>
<script language="JavaScript">
function RandomNumber() {
today = new Date();
num= Math.abs(Math.sin(today.getTime()));
return num;
}
</script>
</head>
<body>
<script language="LiveScript">
<!--
document.write("Este es un numero al azar:", RandomNumber());
// -->
</script>
</body>
</html>
Abre una nueva ventana
<html>
<head>
<TITLE>TÍTULO DE PRUEBA</TITLE>
<script language="JavaScript">
function WinOpen() {
msg=open("","DisplayWindow","toolbar=no,directories=no,menubar=no");
msg.document.write("<HEAD><TITLE>Que bien!</TITLE></HEAD>");
msg.document.write("<CENTER><h1><B>Abrimos una nueva
ventana!</B></h1></CENTER>"); }
</script>
</head>
<body>
<BR>
<BR>
<form>
<input type="button" name="Boton1" value="Aqui estoy" onclick="WinOpen()">
</form>
</body>
</html>
Ingresa 3 números y muestra el mayor en un text
<html>
<head>
<title>Formulario de suma, resta, multiplicacion y division.</title>
<script language="JavaScript">
function mayor()
{
var a=eval(document.forms[0].n1.value);
var b=eval(document.forms[0].n2.value);
var c=eval(document.forms[0].n3.value);
5. var m=a;
if(b>m)
{
m=b;
}
if(c>m)
{
m=c;
}
document.forms[0].m1.value=m;
}
</script>
<head>
<body bgcolor="FF9829" link="red" bgproperties="fixed">
<h1> Formulario con JavaScript</h1>
<form name="fom1">
Nº1 <input type="text" size="27" name="n1"><br>
Nº2 <input type="text" size="27" name="n2"><br>
Nº3 <input type="text" size="27" name="n3"><br>
Mayor <input type="text" size="27" name="m1"><br>
<br>
<input type="button" value="Buscar Mayor" onClick="mayor()">
</html>
</body>
</form>
Ingrresa una clave y valida si es correcta utilizando switch()
<html>
<head>
<title>Password</title>
<script language="JavaScript">
function pass()
{
var p=eval(document.forms[0].n1.value);
switch(p)
{
case 29:
alert("1");
break;
case 65:
alert("2");
break;
case 64:
alert("3");
break;
default:
alert("Esa no es la clave correcta")
}
/*if(p!=29,65,64){
}
else
{
6. }*/
}
</script>
</head>
<body bgcolor="FF9829" link="red" bgproperties="fixed">
<h1> Password en JavaScript</h1>
<form name="fom1">
Ingrese el password <input type="password" size="27" name="n1"><br>
<br>
<input type="button" value="'pass'" onClick="pass()">
</html>
</body>
</form>
Muestra un mensaje y la hora en un text
<html>
<head>
<script language="JavaScript">
var Id=null;
var Activo=false;
function ParaReloj(){
if (Activo)
clearTimeout(Id);}
function ActivarReloj(){
ParaReloj();
Reloj()}
function Reloj(){
var fecha=new Date();
var horas=fecha.getHours();
var min=fecha.getMinutes();
var seg=fecha.getSeconds();
var Salida="";
Salida+=((horas<10)?"0":"")+horas+":";
Salida+=((min<10)?"0":"")+min+":";
Salida+=((seg<10)?"0":"")+seg;
document.reloj.hora.value=Salida;
timerId=setTimeout("Reloj()",1000);
timerActivo=true;}
</Script>
<body text="black" onLoad="ActivarReloj()">
<center> La hora es:
<form name="reloj">
<input type="Text" name="hora" value="Aquí se verá la hora" size="26">
</form>
</center>
</body>
</html>
Ingresa 3 números, permite realizar los cálculos de suma, resta, producto y cociente y
borrar el contenido de un text.
<html>
<head>
<script language="Javascript">
7. function div()
{
if(eval(document.forms[0].caja2.value!=0))
{
document.forms[0].caja3.value=eval(document.forms[0].caja.value)/eval(document.
forms[0].caja2.value);
}
else
{
alert("No sea burro no existe la division por 0")
}
}
function rest()
{
document.forms[0].caja3.value=eval(document.forms[0].caja.value)-
eval(document.forms[0].caja2.value);
}
function sum()
{
document.forms[0].caja3.value=eval(document.forms[0].caja.value)+eval(document
.forms[0].caja2.value);
}
function mul()
{
document.forms[0].caja3.value=eval(document.forms[0].caja.value)*eval(document
.forms[0].caja2.value);
}
function borrar()
{
document.forms[0].caja3.value=""
}
</script>
</head>
<body>
<form>
<input type="text" name="caja">
<input type="text" name="caja2">
<input type="text" name="caja3"><br>
<input type="button" value="/" onClick="div();"><br>
<input type="button" value="-" onClick="rest();"><br>
<input type="button" value="+" onClick="sum();"><br>
<input type="button" value="*" onClick="mul();"><br>
<input type="button" value="Borrar" onClick="borrar();">
</form>
</body>
</html>
Captura una opción de un select y muestra en texts la URL y un mensaje guardado en
un vector.
<html>
<head>
<title></title>
<SCRIPT LANGUAGE="JavaScript">
8. var info=new Array(2)
info[0]="JUEGOS"
info[1]="MÚSICA"
info[2]="EDUCACIÓN"
info[3]="MEDICINA"
info[4]="CÓRDOBA"
info[5]=""
</SCRIPT>
</head>
<body bgcolor="#FFFFFF">
<FORM>
<table border=0>
<tr><td align=right>
<strong>Descripción:</strong>
</td><td><INPUT type="text" name="inf" value="" size=61 maxlength=200>
</td></tr>
<tr><td align=right>
<strong>URL:</strong>
</td><td><INPUT type="text" name="loc" value="" size=61>
</td></tr>
<tr>
<td align=right>
<strong>Enlaces:</strong>
</td><td>
<SELECT name="stat"
OnChange="this.form.loc.value=this.form.stat.options[this.form.stat.selectedIndex].value;t
his.form.inf.value=info[this.form.stat.selectedIndex]"
OnFocus="this.form.loc.value=this.form.stat.options[this.form.stat.selectedIndex].value;thi
s.form.inf.value=info[this.form.stat.selectedIndex]">
<OPTION value="http://ftp.">Juegos de tu compu
<OPTION value="http://www......"> <I>Encontrá lo mejor</I>
<OPTION value="http://www....">UNI. NAC.
<OPTION value="http://www.......">Curate
<OPTION value="http://www.....">Córdoba
</SELECT>
<input type="button" Value="Vamos alla!"
Onclick="newwin=window.open(this.form.stat.options[this.form.stat.selectedIndex].value,
'Demo','width=400,height=300')">
</td></tr>
</table>
</FORM>
</td></tr>
</table>
</body>
</HTML>
Botones y mouse.
HTML>
<HEAD>
<!-- JavaScript que cambia las imagenes al pasar el puntero sobre ellas -->
<SCRIPT LANGUAGE="JavaScript">
<!--
// USO
// A cada imagen se le asigna una posicion en el "vector"
// document [imgName], donde imgName es el nombre de la imagen.
![Permite ingresar 2 números y calcular su suma, resta, producto, cociente, enviar el
documento y abrir el programa de la calculadora.
<HTML>
<HEAD>
<TITLE>CONFIGURANDO HTML
</TITLE>
</HEAD>
<BODY>
<Script language = "JavaScript">
function sumar()
{ document.forms[0].nN3.value=eval(document.forms[0].nN1.value)+
eval(document.forms[0].nN2.value);
}
function restar()
{ document.forms[0].nN3.value=eval(document.forms[0].nN1.value)-
eval(document.forms[0].nN2.value);
}
function multiplicar()
{ document.forms[0].nN3.value=eval(document.forms[0].nN1.value)*
eval(document.forms[0].nN2.value);
}
function dividir()
{
if (eval(document.forms[0].nN2.value)!=0)
{
document.forms[0].nN3.value=eval(document.forms[0].nN1.value)/eval(document.forms[0
].nN2.value);
}
else
{
alert("No divide por cero");
}
}
</Script>
<FORM ACTION= "mailto: msbianchi@latinmail.com" method= "post">
Nº1:<INPUT TYPE="TEXT" NAME="nN1" SIZE="10">
<BR>
Nº2:<INPUT TYPE="TEXT" NAME="nN2" SIZE="10">
<BR>
RES:<INPUT TYPE="TEXT" NAME="nN3" SIZE="10">
<BR>
<INPUT TYPE= "BUTTON" NAME="BTN1" VALUE= "+" ONCLICK= "sumar()">
<INPUT TYPE= "BUTTON" NAME="BTN2" VALUE= "-" onclick= "restar()">
<INPUT TYPE= "BUTTON" NAME="BTN3" VALUE= "*" onclick= "multiplicar()">
<INPUT TYPE= "BUTTON" NAME="BTN4" VALUE= "/" onclick= "dividir()">
<INPUT TYPE= "SUBMIT" NAME="BTN5" VALUE= "ENVIAR">
<BR> PRESIONE AQUÍ PARA ABRIR LA CALC<A HREF=
"C:/WINDOWS/CALC.EXE"> ABRIR </A>
</FORM>
</BODY>
</HTML>
Ingresar el nombre y la dirección de e-mail y mostrar si es correcto con alert()](https://image.slidesharecdn.com/practicosscript-140505171332-phpapp01/85/practicos-script-1-320.jpg)
![<HTML>
<HEAD>
<TITLE>CONFIGURANDO HTML
</TITLE>
</HEAD>
<BODY>
<Script language = "JavaScript">
function sumar()
{ document.forms[0].nN3.value=eval(document.forms[0].nN1.value)+
eval(document.forms[0].nN2.value);
}
function restar()
{ document.forms[0].nN3.value=eval(document.forms[0].nN1.value)-
eval(document.forms[0].nN2.value);
}
function multiplicar()
{ document.forms[0].nN3.value=eval(document.forms[0].nN1.value)*
eval(document.forms[0].nN2.value);
}
function dividir()
{
if (eval(document.forms[0].nN2.value)!=0)
{
document.forms[0].nN3.value=eval(document.forms[0].nN1.value)/eval(document.forms[0
].nN2.value);
}
else
{
alert("No divide por cero");
}
}
</Script>
<FORM ACTION= "mailto: msbianchi@latinmail.com" method= "post">
Nº1:<INPUT TYPE="TEXT" NAME="nN1" SIZE="10">
<BR>
Nº2:<INPUT TYPE="TEXT" NAME="nN2" SIZE="10">
<BR>
RES:<INPUT TYPE="TEXT" NAME="nN3" SIZE="10">
<BR>
<INPUT TYPE= "BUTTON" NAME="BTN1" VALUE= "+" ONCLICK= "sumar()">
<INPUT TYPE= "BUTTON" NAME="BTN2" VALUE= "-" onclick= "restar()">
<INPUT TYPE= "BUTTON" NAME="BTN3" VALUE= "*" onclick= "multiplicar()">
<INPUT TYPE= "BUTTON" NAME="BTN4" VALUE= "/" onclick= "dividir()">
<INPUT TYPE= "SUBMIT" NAME="BTN5" VALUE= "ENVIAR">
<BR> PRESIONE AQUÍ PARA ABRIR LA CALC<A HREF=
"C:/WINDOWS/CALC.EXE"> ABRIR </A>
</FORM>
</BODY>
</HTML>
Permite elegir URLs.
<HTML>
<HEAD>
<SCRIPT>](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)