JavaScript
Insertar JS en la página Web Operadores:
<script type="text/javascript">
// El código de JavaScript vendrá aquí. Operadores de comparación: == != === !== > >= < <=
</script> Operadores aritméticos: + - * / % ++ - - +valor -valor
Otra forma, más ventajosa Operadores de asignación: = += -= *= /= %= <<= >= >>= >>>= &= |= ˆ = []
<script type="text/javascript" src="htto:… o
../tucodigo.js"></script> Operadores de booleanos: && || !
Si el navegador no soporta JS: Operadores bit a bit: & | ˆ ∼ << >> >>>
<noscript>Texto informativo</noscript> Operadores de objeto: . [] () delete in instanceOf new this
Trabajando con xhtml la forma de insertar JS directamente es un poco diferente: Operadores miscelaneos: , ?: typeof void
<script type="text/javascript">
<!--//--><![CDATA[//><!--
// código de JavaScript a continuación Estructuras de control:
//--><!]]> If:
</script>
if (expresion_booleana) {
// acciones
Comentarios }
Comentarios de una sola línea: If-else:
// Comentarios de una línea if (expresion_booleana) {
O de varias líneas:
// instrucciones a ejecutar si se cumple la condición
/* Comentario de
} else {
varias líneas */
// instrucciones a ejecutar si no se cumple la condición
}
Variables: Bucles:
var var1, [var2, …]; For:
Tipos de datos: for (expresión inicial; condición; incremento) {
Cadena: La variable guarda un valor dentro de comillas dobles. // Instrucciones a ejecutar dentro del bucle.
Numérico: Valor numérico }
Booleano: Valor true o false Por ejemplo:
Null: Valor null
for (var i=1; i<=20; i++) {
Object: Arrays, u estructuras…
Function: La definición de una función // instrucciones que se ejecutarán 20 veces.
Conversores de tipo: }
var var1 = 3, var2 = 5; While:
var var3 = "6"; while (condición){
var1 + var2 + var3 // = "68" // Instrucciones a ejecutar dentro del bucle.
var3 + var1 + var2 // = "635" }
parseInt("34") // resultado = 34 Do While:
parseInt("89.76") // resultado = 89 do {
parseFloat("34") // resultado = 34 // Instrucciones a ejecutar dentro del bucle.
parseFloat("89.76") // resultado = 89.76 }while (condición);
1
4 + 5 + parseInt("6") // resultado = 15
, JavaScript
Objeto Window: Objeto location: Contiene información de la url actual. Es parte de Windows así que:
window/self/o_nada.propiedad Propiedades:
hash: Cadena que contiene el nombre del enlace, dentro de la URL.
window/self/o_nada.método([parametros])
host: Cadena con nombre del servidor y el número del puerto, dentro de la URL.
Gestión de ventanas: Un Script no abre una ventana principal, pero si subventa:
hostname: Cadena con dominio del servidor (o la dirección IP), dentro de la URL.
var subVent=window.open("url","nombre","height=XXX,width=XXX"); href: Cadena que contiene la URL completa.
Propiedades Window pathname: Cadena que contiene el camino al recurso, dentro de la URL.
closed: Devuelve un valor Boolean cuando una ventana ha sido cerrada o no. port: Cadena que contiene el número de puerto del servidor, dentro de la URL.
defaultStatus: Ajusta/devuelve valor defecto de barra de estado de una ventana. protocol: Cadena con protocolo usado (incluyendo los dos puntos), en la URL.
document:Devuelve el objeto document para la ventana. search: Cadena que contiene la información pasada en una llamada a un script,
frames:Devuelve array de todos los marcos (incluidos iframes) de la actual. dentro de la URL.
history:Devuelve el objeto history de la ventana. Métodos:
length:número de frames (incluyendo iframes) de una ventana. assign(): Carga un nuevo documento.
location:Devuelve la Localización del objeto ventana (URL del fichero). reload(): recarga la URL especificada en la propiedad href del objeto location.
name: Ajusta o devuelve el nombre de una ventana. replace(): Reemplaza historial actual y carga la URL especificada en cadenaURL
navigator: Devuelve el objeto navigator de una ventana.
opener: Devuelve la referencia a la ventana que abrió la ventana actual. Objeto document: acceso a todo elemento HTML. puede omitir referencia a Window
parent: Devuelve la ventana padre de la ventana actual. Colecciones:
self: Devuelve la ventana actual. anchors[]: Es un array que contiene todos los hiperenlaces del documento.
status: Ajusta el texto de la barra de estado de una ventana. forms[]: Es un array que contiene todos los formularios del documento.
Métodos: images[]: Es un array que contiene todas las imágenes del documento.
alert(): Muestra una ventana emergente de alerta y un botón de aceptar. links[]:Es un array que contiene todos los enlaces del documento.
blur(): Elimina el foco de la ventana actual. Propiedades:
clearInterval(): Resetea el cronómetro ajustado con setInterval(). cookie: Devuelve todos los nombres/valores de las cookies en el documento.
setInterval(): función o evalúa expresión en intervalo (en milisegundos). domain: nombre de dominio del servidor que cargó el documento.
close(): Cierra la ventana actual. referrer: URL del documento desde el cuál llegamos al documento actual.
confirm(): Muestra ventana emergente con mensaje, botón de aceptar cancelar. title: Devuelve o ajusta el título del documento.
focus(): Coloca el foco en la ventana actual. URL: Devuelve la URL completa del documento.
open(): Abre una nueva ventana de navegación. Métodos:
prompt(): Muestra una ventana de diálogo para introducir datos. close(): Cierra el flujo abierto previamente con document.open().
Objeto navigator: Contiene información sobre el navegador. getElementById(): accede al elemento identificado por el id
Propiedades: getElementsByName() : accede al elemento por nombre.
appCodeName: Cadena que contiene el nombre en código del navegador. getElementsByTagName(): accede a elemento por etiqueta determinada.
appName: Cadena que contiene el nombre del cliente. open(): Abre flujo de escritura para document.write o writeln
appVersion: Cadena que contiene información sobre la versión del cliente. write(): Para escribir expresiones HTML o código de JavaScript en un documento.
cookieEnabled: Determina si las cookies están o no habilitadas en el navegador. writeln(): = write() pero añade un salto de línea al final de cada instrucción.
Platform:Cadena con plataforma sobre la que se está ejecutando el cliente.
userAgent: cabecera completa del agente enviada en una petición HTTP. Contiene
la información de las propiedades appCodeName y appVersion.
Métodos:
javaEnabled() true si el cliente permite la utilización de Java, si no, false.
2
Insertar JS en la página Web Operadores:
<script type="text/javascript">
// El código de JavaScript vendrá aquí. Operadores de comparación: == != === !== > >= < <=
</script> Operadores aritméticos: + - * / % ++ - - +valor -valor
Otra forma, más ventajosa Operadores de asignación: = += -= *= /= %= <<= >= >>= >>>= &= |= ˆ = []
<script type="text/javascript" src="htto:… o
../tucodigo.js"></script> Operadores de booleanos: && || !
Si el navegador no soporta JS: Operadores bit a bit: & | ˆ ∼ << >> >>>
<noscript>Texto informativo</noscript> Operadores de objeto: . [] () delete in instanceOf new this
Trabajando con xhtml la forma de insertar JS directamente es un poco diferente: Operadores miscelaneos: , ?: typeof void
<script type="text/javascript">
<!--//--><![CDATA[//><!--
// código de JavaScript a continuación Estructuras de control:
//--><!]]> If:
</script>
if (expresion_booleana) {
// acciones
Comentarios }
Comentarios de una sola línea: If-else:
// Comentarios de una línea if (expresion_booleana) {
O de varias líneas:
// instrucciones a ejecutar si se cumple la condición
/* Comentario de
} else {
varias líneas */
// instrucciones a ejecutar si no se cumple la condición
}
Variables: Bucles:
var var1, [var2, …]; For:
Tipos de datos: for (expresión inicial; condición; incremento) {
Cadena: La variable guarda un valor dentro de comillas dobles. // Instrucciones a ejecutar dentro del bucle.
Numérico: Valor numérico }
Booleano: Valor true o false Por ejemplo:
Null: Valor null
for (var i=1; i<=20; i++) {
Object: Arrays, u estructuras…
Function: La definición de una función // instrucciones que se ejecutarán 20 veces.
Conversores de tipo: }
var var1 = 3, var2 = 5; While:
var var3 = "6"; while (condición){
var1 + var2 + var3 // = "68" // Instrucciones a ejecutar dentro del bucle.
var3 + var1 + var2 // = "635" }
parseInt("34") // resultado = 34 Do While:
parseInt("89.76") // resultado = 89 do {
parseFloat("34") // resultado = 34 // Instrucciones a ejecutar dentro del bucle.
parseFloat("89.76") // resultado = 89.76 }while (condición);
1
4 + 5 + parseInt("6") // resultado = 15
, JavaScript
Objeto Window: Objeto location: Contiene información de la url actual. Es parte de Windows así que:
window/self/o_nada.propiedad Propiedades:
hash: Cadena que contiene el nombre del enlace, dentro de la URL.
window/self/o_nada.método([parametros])
host: Cadena con nombre del servidor y el número del puerto, dentro de la URL.
Gestión de ventanas: Un Script no abre una ventana principal, pero si subventa:
hostname: Cadena con dominio del servidor (o la dirección IP), dentro de la URL.
var subVent=window.open("url","nombre","height=XXX,width=XXX"); href: Cadena que contiene la URL completa.
Propiedades Window pathname: Cadena que contiene el camino al recurso, dentro de la URL.
closed: Devuelve un valor Boolean cuando una ventana ha sido cerrada o no. port: Cadena que contiene el número de puerto del servidor, dentro de la URL.
defaultStatus: Ajusta/devuelve valor defecto de barra de estado de una ventana. protocol: Cadena con protocolo usado (incluyendo los dos puntos), en la URL.
document:Devuelve el objeto document para la ventana. search: Cadena que contiene la información pasada en una llamada a un script,
frames:Devuelve array de todos los marcos (incluidos iframes) de la actual. dentro de la URL.
history:Devuelve el objeto history de la ventana. Métodos:
length:número de frames (incluyendo iframes) de una ventana. assign(): Carga un nuevo documento.
location:Devuelve la Localización del objeto ventana (URL del fichero). reload(): recarga la URL especificada en la propiedad href del objeto location.
name: Ajusta o devuelve el nombre de una ventana. replace(): Reemplaza historial actual y carga la URL especificada en cadenaURL
navigator: Devuelve el objeto navigator de una ventana.
opener: Devuelve la referencia a la ventana que abrió la ventana actual. Objeto document: acceso a todo elemento HTML. puede omitir referencia a Window
parent: Devuelve la ventana padre de la ventana actual. Colecciones:
self: Devuelve la ventana actual. anchors[]: Es un array que contiene todos los hiperenlaces del documento.
status: Ajusta el texto de la barra de estado de una ventana. forms[]: Es un array que contiene todos los formularios del documento.
Métodos: images[]: Es un array que contiene todas las imágenes del documento.
alert(): Muestra una ventana emergente de alerta y un botón de aceptar. links[]:Es un array que contiene todos los enlaces del documento.
blur(): Elimina el foco de la ventana actual. Propiedades:
clearInterval(): Resetea el cronómetro ajustado con setInterval(). cookie: Devuelve todos los nombres/valores de las cookies en el documento.
setInterval(): función o evalúa expresión en intervalo (en milisegundos). domain: nombre de dominio del servidor que cargó el documento.
close(): Cierra la ventana actual. referrer: URL del documento desde el cuál llegamos al documento actual.
confirm(): Muestra ventana emergente con mensaje, botón de aceptar cancelar. title: Devuelve o ajusta el título del documento.
focus(): Coloca el foco en la ventana actual. URL: Devuelve la URL completa del documento.
open(): Abre una nueva ventana de navegación. Métodos:
prompt(): Muestra una ventana de diálogo para introducir datos. close(): Cierra el flujo abierto previamente con document.open().
Objeto navigator: Contiene información sobre el navegador. getElementById(): accede al elemento identificado por el id
Propiedades: getElementsByName() : accede al elemento por nombre.
appCodeName: Cadena que contiene el nombre en código del navegador. getElementsByTagName(): accede a elemento por etiqueta determinada.
appName: Cadena que contiene el nombre del cliente. open(): Abre flujo de escritura para document.write o writeln
appVersion: Cadena que contiene información sobre la versión del cliente. write(): Para escribir expresiones HTML o código de JavaScript en un documento.
cookieEnabled: Determina si las cookies están o no habilitadas en el navegador. writeln(): = write() pero añade un salto de línea al final de cada instrucción.
Platform:Cadena con plataforma sobre la que se está ejecutando el cliente.
userAgent: cabecera completa del agente enviada en una petición HTTP. Contiene
la información de las propiedades appCodeName y appVersion.
Métodos:
javaEnabled() true si el cliente permite la utilización de Java, si no, false.
2
