Introducción:
- JavaScript
no es un lenguaje de programación. Se trata de
un
lenguaje
script u orientado a documento.
- JavaScript
y Java son dos cosas distintas, ya que Java si es
un
lenguaje
de programación. Tienen en común que comparten la
misma
sintaxis.
Versiones:
- Versión
1.0: NetScape e Internet Explorer 2.0.
- Versión
1.1: NetScape e Internet Explorer 3.0.
- Versión
1.2: NetScape e Internet Explorer 4.0
(Dinámicos).
Variables:
-
Debemos tener en cuenta primero, que si la declaración
de una
variable
se hace dentro de una función, dicha variable es local,
de no
ser
así se tratará de una global.
- No
se asigna en la declaración el tipo de variable, sino
que es el
interprete
quien se encarga de ello.
Por ejemplo:
var
MiPrimeraVariable;
MiPrimeraVariable=18;
-
También se pueden crear objetos y arrays:
var
EsteObjeto=new Object();
EsteObjeto.Ordenador="Hewllet-Packard";
EsteObjeto.Tutor="Luis,
profesor de estructuras algebraicas";
var
NuevoArray= new Array()
NuevoArray[1]="Curso
de Html";
NuevoArray[2]="Curso
de JavaScript";
Objetos predefinidos:
- WINDOW:
Define la ventana sobre la que trabajamos y los
objetos
que
la forman (barra de tareas...).
- OPEN:
[var=][window.]open("URL","Nombre","Propiedades");
Propiedades:
- toolbar[=yes/no]
- location[=yes/no]
- directories[=yes/no]
- status[=yes/no]
- menubar[=yes/no]
- scrollbars[=yes/no]
- resizable[=yes/no]
- width=pixels
- height=pixels
Cierra
la ventana variable.
- ALERT:
variable.alert("Mensaje");
Muestra
una ventana de diálogo en la ventana variable
con el mensaje especificado.
- STATUS:
Define la cadena de caracteres que
saldrá en la barra de estado.
- DEFAULTSTATUS:
Define la cadena de caracteres por
defecto en la barra de estado.
- OBJETO
DOCUMENT: Es un
objeto derivado de window que
identifica
a un documento HTML.
- WRITE:
document.write("cadena");
Escribe
en un documento Html, en el lugar del mismo donde
hayamos situado el script que contiene al
método, la cadena dada. El método writeln hace
lo mismo, pero incluyendo al final un retorno de
carro.
- LASTMODIFIED:
Contiene la fecha y la hora en que se
modificó el documento por última vez y
se utiliza junto con write para añadir
al final del documento estas
características.
- BGCOLOR:
Modifica el color de fondo del documento.
El color deberá estra en el formato
usado en Html.
- HISTORY:
Este objeto se deriva de document y contiene
todas las
direcciones
que se han visitado en la sesión actual. Posee 3
métodos:
- document.history.back():
Volver a la página anterior.
- document.history.forward():
Ir a la página siguiente.
- document.
history.go(donde): Ir a donde se indique.
- FORM:
Este objeto derivado de document se refiere a un
formulario.
Puede
se útil para verificarlos antes de enviarlos.
- Submit:
Envía el formulario.
- Text:
Contiene el texto contenido en un campo
de edición de un formulario.
Ejemplo:
<html>
<head><title>formulario
en javascript</title>
<script
language="JavaScript">
function verificarDato()
{
var valor=document.formulario.pass.value;
if (valor!="wally")
{
return(true);
}else{
alert("¡¡ATENCION.!! Clave de Acceso
Incorrecta.");
return(false);
}
}
function avisoreset(){
if (confirm("¡¡ATENCION.!! El Formulario se va
a Borrar.")){
document.datos.reset()
}
}
</script>
</head>
<body background="amarillo.gif">
<p> </p>
<form name="formulario"
method="POST"
action="mailto:ja_mickey@yahoo.com"
onSubmit="verificarDato()">
<div
align="center"><center><table
border="2" cellpadding="0"
cellspacing="0" width="100%">
<tr>
<td width="100%" colspan="2"
align="center"><div
align="center"><center><p><strong><u><font
face="Snap ITC"
color="#0000A0"><big><big><big>FORMULARIO
DE
VISITAS.</big></big></big></font></u></strong></td>
</tr>
<tr align="center">
<td width="32%"><font
face="Snap ITC"
color="#0000A0">Nombre:</font></td>
<td width="68%"><input
type="text" name="Nombre"
size="20"></td>
</tr>
<tr align="center">
<td width="32%"><font
face="Snap ITC"
color="#0000A0">Apellidos:</font></td>
<td width="68%"><input
type="text" name="apellidos"
size="30"></td>
</tr>
<tr align="center">
<td width="32%"><font
face="Snap ITC"
color="#0000A0">Dirección:</font></td>
<td width="68%"><input
type="text" name="direccioncasa"
size="35"></td>
</tr>
<tr align="center">
<td width="32%"><font
face="Snap ITC"
color="#0000A0">Teléfono:</font></td>
<td width="68%"><input
type="text" name="telefonocasa"
size="11"></td>
</tr>
<tr align="center">
<td width="32%"><font
face="Snap ITC"
color="#0000A0">Dirección de la
Empresa:</font></td>
<td width="68%"><input
type="text"
name="direcciontrabajo"
size="35"></td>
</tr>
<tr align="center">
<td width="32%"><font
face="Snap ITC"
color="#0000A0">Teléfono de la
Empresa:</font></td>
<td width="68%"><input
type="text"
name="telefonotrabajo"
size="11"></td>
</tr>
<tr align="center">
<td width="32%"><font
face="Snap ITC"
color="#0000A0">E.
Mail:</font></td>
<td width="68%"><input
type="text" name="email"
size="20"></td>
</tr>
<tr align="center">
<td width="100%" colspan="2"
align="center"> <div
align="center"><center><p><font
face="Snap ITC"
color="#0000A0">Nombre de
usuario</font>: <input type="text"
name="usuario"
size="20"></p>
</center></div><div
align="center"><center><p><font
face="Snap ITC"
color="#0000A0">Password:</font>
<input type="password"
name="pass"
size="20"></td>
</tr>
<tr align="center">
<td width="100%"
colspan="2"><font face="Snap
ITC" color="#0000A0"><div
align="center"><center><p></font><input
type="button" value="Enviar
formulario" name="Enviar"><font
face="Snap ITC"
color="#0000A0"><input
type="reset" value="Restablecer"
name="borrar"
onClick="avisoreset()"></font></td>
</tr>
</table>
</center></div>
</form>
</body></html>
- NAVIGATOR:
A través de este objeto podremos averiguar
características
del navegador que utilizamos.
- navigator.appName:
Nombre del navegador.
- navigator.appVeR:
Número principal de versión.
- navigator.language:
Idioma del mismo.
- navigator.platform:
Plataforma donde está ejecutándose.
Ejemplo:
<script
language="javascript">
version=navigator.appVersion;
document.write(version);
navegador=navigator.appName;
document.write(navegador);
</script>
- SCREEN:
Con este objeto podremos averiguar la
configuración de
la
pantalla. Al igual que en el apartado anterior, todos
los atributos
son
de sólo lectura.
- screen.height: Altura.
- screen.width: Anchura.
- screen,pixelDepth:
Número de bits por pixel.
Ejemplo:
<script
language="JavaScript">
altura=screen.height;
document.write(altura);
ancho=screen.width;
document.write(ancho);
</script>
function evaluaExpresion(form) { var R = 8.13451e-2;
var X = 0.428; var Y = 3.6; form.resultado.value =
eval((((R*form.n.value*form.temperatura.value)/(form.VO.value-X*form.n.value))-((Y*form.n.value*form.n.value)/(form.VF.value*form.VF.value)))*1000);
}
Calculadora
De Presión-Volumen escrita en java-script!
La
siguiente calculadora, muestra la relación entre volumen
y presión de una forma tabular. Utilizamos "n"
moles de dióxido de carbón a una temperatura absoluta
constante
Se uso una variante de acuerdo a la ecuación de estado
de un gas de Vander Waals :
( P + ( 3.6 n2 ) / Vf2 )( Vo -
0.428 n ) = 0.08023 n T
Para sugerencias, dudas, comentarios o algun donativo
puedes contactarme a:
Darkzepeda@yahoo.com
|
