Javascript PDF
Javascript PDF
Javascript - Inicio
Javascript - Descripción general
Javascript - Sintaxis
Javascript - Habilitación
Javascript - Colocación
Javascript - Variables
Javascript - Operadores
Javascript - If ... Else
Javascript - Cambiar caso
Javascript - Mientras Loop
Javascript - Para Loop
Javascript - Para ... en
Javascript - Control de bucle
Javascript - Funciones
Javascript - Eventos
Javascript - Cookies
Javascript - Redireccionamiento de página
Javascript - Cuadros de diálogo
Javascript - Palabra clave nula
Javascript - Impresión de página
Objetos JavaScript
Javascript - Objetos
Javascript - Número
Javascript - Booleano
Javascript - Cadenas
Javascript - Matrices
Javascript - Fecha
Javascript - Matemáticas
Javascript - RegExp
Javascript - HTML DOM
JavaScript avanzado
Javascript - Manejo de errores
Javascript - Validaciones
Javascript - Animación
Javascript - Multimedia
Javascript - Depuración
Javascript - Mapa de imagen
Javascript - Navegadores
JavaScript - Descripción general
¿Qué es JavaScript?
JavaScript es un lenguaje dinámico de programación de computadoras. Es
liviano y se usa más comúnmente como parte de las páginas web, cuyas
implementaciones permiten que el script del lado del cliente interactúe con el
usuario y cree páginas dinámicas. Es un lenguaje de programación
interpretado con capacidades orientadas a objetos.
JavaScript se conoció por primera vez como LiveScript, pero Netscape
cambió su nombre a JavaScript, posiblemente debido a la emoción que
genera Java. JavaScript hizo su primera aparición en Netscape 2.0 en 1995
con el nombre LiveScript . El núcleo de uso general del lenguaje se ha
incrustado en Netscape, Internet Explorer y otros navegadores web.
La especificación ECMA-262 definió una versión estándar del lenguaje
JavaScript central.
Ventajas de JavaScript
Los méritos de usar JavaScript son:
Menos interacción con el servidor : puede validar la entrada del usuario antes
de enviar la página al servidor. Esto ahorra tráfico del servidor, lo que significa
menos carga en su servidor.
Comentarios inmediatos a los visitantes : no tienen que esperar a que se
vuelva a cargar la página para ver si se han olvidado de ingresar algo.
Mayor interactividad : puede crear interfaces que reaccionan cuando el usuario
pasa el mouse sobre ellas o las activa a través del teclado.
Interfaces más ricas : puede usar JavaScript para incluir elementos tales como
componentes y controles deslizantes de arrastrar y soltar para proporcionar una
interfaz enriquecida a los visitantes de su sitio.
Limitaciones de JavaScript
No podemos tratar a JavaScript como un lenguaje de programación
completo. Carece de las siguientes características importantes:
JavaScript del lado del cliente no permite la lectura o escritura de archivos. Esto se
ha mantenido por razones de seguridad.
JavaScript no se puede usar para aplicaciones de red porque no hay tal soporte
disponible.
JavaScript no tiene ninguna capacidad de subprocesamiento múltiple o
multiprocesador.
Una vez más, JavaScript es un lenguaje de programación ligero e interpretado
que le permite crear interactividad en páginas HTML estáticas.
JavaScript: sintaxis
JavaScript se puede implementar utilizando declaraciones de JavaScript que
se colocan dentro de las etiquetas HTML <script> ... </script> en una página
web.
Puede colocar las etiquetas <script> , que contienen su JavaScript, en
cualquier lugar dentro de su página web, pero normalmente se recomienda
que lo mantenga dentro de las etiquetas <head> .
La etiqueta <script> alerta al programa del navegador para comenzar a
interpretar todo el texto entre estas etiquetas como un script. Una sintaxis
simple de su JavaScript aparecerá de la siguiente manera.
<script ...>
JavaScript code
</script>
La etiqueta de script toma dos atributos importantes:
Idioma : este atributo especifica qué lenguaje de script está utilizando. Por lo
general, su valor será javascript. Aunque las versiones recientes de HTML (y
XHTML, su sucesor) han eliminado el uso de este atributo.
Tipo : este atributo es lo que ahora se recomienda para indicar el lenguaje de
secuencias de comandos en uso y su valor debe establecerse en "texto /
javascript".
Entonces su segmento de JavaScript se verá así:
<script language = "javascript" type = "text/javascript">
JavaScript code
</script>
Pero cuando se formatea en una sola línea de la siguiente manera, debe usar
punto y coma:
<script language = "javascript" type = "text/javascript">
<!--
var1 = 10; var2 = 20;
//-->
</script>
Nota : es una buena práctica de programación usar punto y coma.
Comentarios en JavaScript
JavaScript admite los comentarios de estilo C y C ++, por lo tanto,
Cualquier texto entre un // y el final de una línea se trata como un comentario y
JavaScript lo ignora.
Cualquier texto entre los caracteres / * y * / se trata como un comentario. Esto
puede abarcar varias líneas.
JavaScript también reconoce la secuencia de apertura de comentarios HTML <! -
. JavaScript trata esto como un comentario de una sola línea, tal como lo hace
con el // comentario.
La secuencia de cierre de comentarios HTML -> no es reconocida por JavaScript,
por lo que debe escribirse como // ->.
Ejemplo
/*
* This is a multi-line comment in JavaScript
* It is very similar to comments in C Programming
*/
//-->
</script>
JavaScript en Firefox
Estos son los pasos para activar o desactivar JavaScript en Firefox:
Abra una nueva pestaña → escriba about: config en la barra de direcciones.
Luego encontrará el cuadro de diálogo de advertencia. Seleccione ¡ Tendré
cuidado, lo prometo!
Luego encontrará la lista de opciones de configuración en el navegador.
En la barra de búsqueda, escriba javascript.enabled .
Allí encontrará la opción para habilitar o deshabilitar javascript haciendo clic
derecho en el valor de esa opción → seleccione alternar .
Si javascript.enabled es verdadero; se convierte en falso al hacer clic
en toogle . Si javascript está deshabilitado; se habilita al hacer clic en alternar.
JavaScript en Chrome
Estos son los pasos para activar o desactivar JavaScript en Chrome:
Haz clic en el menú de Chrome en la esquina superior derecha de tu navegador.
Selecciona Configuración .
Haga clic en Mostrar configuración avanzada al final de la página.
En la sección Privacidad , haga clic en el botón Configuración de contenido.
En la sección "Javascript", seleccione "No permitir que ningún sitio ejecute
JavaScript" o "Permitir que todos los sitios ejecuten JavaScript (recomendado)".
JavaScript en Opera
Estos son los pasos para activar o desactivar JavaScript en Opera:
Siga Herramientas → Preferencias desde el menú.
Seleccione la opción Avanzada del cuadro de diálogo.
Seleccione Contenido de los elementos enumerados.
Seleccione la casilla de verificación Habilitar JavaScript .
Finalmente haga clic en Aceptar y salga.
Para deshabilitar la compatibilidad con JavaScript en su Opera, no debe
seleccionar la casilla de verificación Habilitar JavaScript .
<noscript>
Sorry...JavaScript is needed to go ahead.
</noscript>
</body>
</html>
Ahora, si el navegador del usuario no admite JavaScript o JavaScript no está
habilitado, el mensaje de </noscript> se mostrará en la pantalla.
<body>
<input type = "button" onclick = "sayHello()" value =
"Say Hello" />
</body>
</html>
<body>
<script type = "text/javascript">
<!--
document.write("Hello World")
//-->
</script>
<body>
<script type = "text/javascript">
<!--
document.write("Hello World")
//-->
</script>
<body>
.......
</body>
</html>
Para usar JavaScript desde una fuente de archivo externa, debe escribir todo
su código fuente de JavaScript en un archivo de texto simple con la extensión
".js" y luego incluir ese archivo como se muestra arriba.
Por ejemplo, puede mantener el siguiente contenido en
el archivo filename.js y luego puede usar la función sayHello en su archivo
HTML después de incluir el archivo filename.js.
function sayHello() {
alert("Hello World")
}
JavaScript - Variables
Tipos de datos de JavaScript
Una de las características más fundamentales de un lenguaje de
programación es el conjunto de tipos de datos que admite. Estos son el tipo de
valores que se pueden representar y manipular en un lenguaje de
programación.
JavaScript le permite trabajar con tres tipos de datos primitivos:
Números, por ej. 123, 120.50 etc.
Cadenas de texto, por ejemplo, "Esta cadena de texto", etc.
Booleano, por ejemplo, verdadero o falso.
Variables JavaScript
Como muchos otros lenguajes de programación, JavaScript tiene
variables. Las variables se pueden considerar como contenedores con
nombre. Puede colocar datos en estos contenedores y luego hacer referencia
a los datos simplemente nombrando el contenedor.
Antes de usar una variable en un programa de JavaScript, debe
declararla. Las variables se declaran con la palabra clave var de la siguiente
manera.
<script type = "text/javascript">
<!--
var money;
var name;
//-->
</script>
También puede declarar múltiples variables con la misma palabra clave var de
la siguiente manera:
<script type = "text/javascript">
<!--
var money, name;
//-->
</script>
El almacenamiento de un valor en una variable se llama inicialización de
variable . Puede hacer la inicialización de la variable en el momento de la
creación de la variable o en un momento posterior cuando necesite esa
variable.
Por ejemplo, puede crear una variable llamada dinero y asignarle el valor
2000.50 más tarde. Para otra variable, puede asignar un valor en el momento
de la inicialización de la siguiente manera.
<script type = "text/javascript">
<!--
var name = "Ali";
var money;
money = 2000.50;
//-->
</script>
Nota : utilice la palabra clave var solo para declaración o inicialización, una
vez durante la vida útil de cualquier nombre de variable en un documento. No
debe volver a declarar la misma variable dos veces.
JavaScript es un lenguaje sin tipo . Esto significa que una variable de
JavaScript puede contener un valor de cualquier tipo de datos. A diferencia de
muchos otros idiomas, no tiene que decirle a JavaScript durante la declaración
de la variable qué tipo de valor tendrá la variable. El tipo de valor de una
variable puede cambiar durante la ejecución de un programa y JavaScript se
encarga de ello automáticamente.
double in super
JavaScript: operadores
¿Qué es un operador?
Tomemos una expresión simple 4 + 5 es igual a 9 . Aquí 4 y 5 se
llaman operandos y '+' se llama operador . JavaScript admite los siguientes
tipos de operadores.
Operadores aritméticos
Operadores de comparación
Operadores lógicos (o relacionales)
Operadores de Asignación
Operadores condicionales (o ternarios)
Echemos un vistazo a todos los operadores uno por uno.
Operadores aritméticos
JavaScript admite los siguientes operadores aritméticos:
Suponga que la variable A tiene 10 y la variable B tiene 20, entonces -
No Operador y Descripción
Señor.
1
+ (Adición)
Agrega dos operandos
Ej: A + B dará 30
2
- (Resta)
Resta el segundo operando del primero
Ej: A - B dará -10
3
* (Multiplicación)
Multiplica ambos operandos
Ej: A * B dará 200
44
/ (División)
Divide el numerador entre el denominador
Ej: B / A dará 2
55
% (Módulo)
Produce el resto de una división entera
Ej: B% A dará 0
66
++ (Incremento)
Aumenta un valor entero en uno
Ej: A ++ dará 11
77
- (Decremento)
Disminuye un valor entero en uno
Ej: A-- dará 9
Nota : el operador de adición (+) funciona tanto para numérico como para
cadenas. por ejemplo, "a" + 10 dará "a10".
Ejemplo
El siguiente código muestra cómo usar operadores aritméticos en JavaScript.
Demo en vivo
<html>
<body>
document.write("a + b = ");
result = a + b;
document.write(result);
document.write(linebreak);
document.write("a - b = ");
result = a - b;
document.write(result);
document.write(linebreak);
document.write("a / b = ");
result = a / b;
document.write(result);
document.write(linebreak);
document.write("a % b = ");
result = a % b;
document.write(result);
document.write(linebreak);
document.write("a + b + c = ");
result = a + b + c;
document.write(result);
document.write(linebreak);
a = ++a;
document.write("++a = ");
result = ++a;
document.write(result);
document.write(linebreak);
b = --b;
document.write("--b = ");
result = --b;
document.write(result);
document.write(linebreak);
//-->
</script>
Salida
a + b = 43
a - b = 23
a / b = 3.3
a % b = 3
a + b + c = 43Test
++a = 35
--b = 8
Set the variables to different values and then try...
Operadores de comparación
JavaScript admite los siguientes operadores de comparación:
Suponga que la variable A tiene 10 y la variable B tiene 20, entonces -
No Operador y Descripción
Señor.
1
= = (Igual)
Comprueba si el valor de dos operandos es igual o no, en caso afirmativo, la
condición se vuelve verdadera.
Ej: (A == B) no es cierto.
2
! = (No es igual)
Comprueba si el valor de dos operandos es igual o no, si los valores no son
iguales, entonces la condición se vuelve verdadera.
Ej: (A! = B) es cierto.
3
> (Mayor que)
Comprueba si el valor del operando izquierdo es mayor que el valor del operando
derecho; en caso afirmativo, la condición se vuelve verdadera.
Ej: (A> B) no es cierto.
44
<(Menos de)
Comprueba si el valor del operando izquierdo es menor que el valor del operando
derecho; en caso afirmativo, la condición se vuelve verdadera.
Ej: (A <B) es cierto.
55
> = (Mayor o igual que)
Comprueba si el valor del operando izquierdo es mayor o igual que el valor del
operando derecho, en caso afirmativo, la condición se vuelve verdadera.
Ej: (A> = B) no es cierto.
66
<= (Menor o igual que)
Comprueba si el valor del operando izquierdo es menor o igual que el valor del
operando derecho; en caso afirmativo, la condición se vuelve verdadera.
Ej: (A <= B) es verdadero.
Ejemplo
Salida
(a == b) => false
(a < b) => true
(a > b) => false
(a != b) => true
(a >= b) => false
a <= b) => true
Set the variables to different values and different operators
and then try...
Operadores logicos
JavaScript admite los siguientes operadores lógicos:
Suponga que la variable A tiene 10 y la variable B tiene 20, entonces -
No Operador y Descripción
Señor.
1
&& (Lógico Y)
Si ambos operandos son distintos de cero, la condición se vuelve verdadera.
Ej: (A y B) es cierto.
2
|| (O lógico)
Si alguno de los dos operandos no es cero, entonces la condición se vuelve
verdadera.
Ej: (A || B) es cierto.
3
! (Lógico NO)
Invierte el estado lógico de su operando. Si una condición es verdadera,
entonces el operador lógico NO la hará falsa.
Ej :! (A y B) es falso.
Ejemplo
Salida
No Operador y Descripción
Señor.
1
& (Bitwise Y)
Realiza una operación booleana AND en cada bit de sus argumentos enteros.
Ej: (A y B) es 2.
2
El | (BitWise O)
Realiza una operación OR booleana en cada bit de sus argumentos enteros.
Ej: (A | B) es 3.
3
^ (Bitwise XOR)
Realiza una operación OR exclusiva booleana en cada bit de sus argumentos
enteros. OR exclusivo significa que el operando uno es verdadero o el operando
dos es verdadero, pero no ambos.
Ej: (A ^ B) es 1.
44
~ (No bit a bit)
Es un operador unario y opera invirtiendo todos los bits en el operando.
Ej: (~ B) es -4.
55
<< (desplazamiento a la izquierda)
Mueve todos los bits en su primer operando a la izquierda por el número de
lugares especificados en el segundo operando. Los bits nuevos se rellenan con
ceros. Cambiar un valor a la izquierda por una posición equivale a multiplicarlo por
2, cambiar dos posiciones equivale a multiplicar por 4, y así sucesivamente.
Ej: (A << 1) es 4.
66
>> (Desplazamiento a la derecha)
Operador binario de desplazamiento a la derecha. El valor del operando izquierdo
se mueve hacia la derecha por la cantidad de bits especificados por el operando
derecho.
Ej: (A >> 1) es 1.
77
>>> (Desplazamiento a la derecha con cero)
Este operador es igual que el operador >>, excepto que los bits desplazados a la
izquierda son siempre cero.
Ej: (A >>> 1) es 1.
Ejemplo
Operadores de Asignación
JavaScript admite los siguientes operadores de asignación:
No Operador y Descripción
Señor.
1
= (Asignación simple)
Asigna valores del operando del lado derecho al operando del lado izquierdo
Ej: C = A + B asignará el valor de A + B a C
2
+ = (Agregar y asignación)
Agrega el operando derecho al operando izquierdo y asigna el resultado al
operando izquierdo.
Ej: C + = A es equivalente a C = C + A
3
- = (Restar y Asignación)
Resta el operando derecho del operando izquierdo y asigna el resultado al
operando izquierdo.
Ej: C - = A es equivalente a C = C - A
44
* = (Multiplicar y Asignación)
Multiplica el operando derecho con el operando izquierdo y asigna el resultado al
operando izquierdo.
Ej: C * = A es equivalente a C = C * A
55
/ = (División y asignación)
Divide el operando izquierdo con el operando derecho y asigna el resultado al
operando izquierdo.
Ej: C / = A es equivalente a C = C / A
66
% = (Módulos y asignación)
Toma módulo usando dos operandos y asigna el resultado al operando
izquierdo.
Ej: C% = A es equivalente a C = C% A
Nota : La misma lógica se aplica a los operadores de Bitwise, por lo que se
convertirán en << =, >> =, >> =, & =, | = y ^ =.
Ejemplo
Operador misceláneo
Discutiremos aquí dos operadores que son bastante útiles en JavaScript:
el operador condicional (? :) y el operador typeof .
Operador condicional (? :)
No Operador y Descripción
Señor.
1
? : (Condicional)
Si la condición es verdadera? Entonces valor X: de lo contrario, valor Y
Ejemplo
Salida
tipo de operador
El operador typeof es un operador unario que se coloca antes de su único
operando, que puede ser de cualquier tipo. Su valor es una cadena que indica
el tipo de datos del operando.
El operador typeof se evalúa como "número", "cadena" o "booleano" si su
operando es un número, cadena o valor booleano y devuelve verdadero o
falso en función de la evaluación.
He aquí una lista de los valores de retorno de la typeof Operador.
Número "número"
Cuerda "cuerda"
Booleano booleano
Objeto "objeto"
Función "función"
Indefinido "indefinido"
Nulo "objeto"
Ejemplo
Salida
si la declaración
La declaración if es la declaración de control fundamental que permite que
JavaScript tome decisiones y ejecute declaraciones condicionalmente.
Sintaxis
Ejemplo
Pruebe el siguiente ejemplo para comprender cómo funciona la instrucción if .
Demo en vivo
<html>
<body>
<script type = "text/javascript">
<!--
var age = 20;
Salida
Qualifies for driving
Set the variable to different value and then try...
Sintaxis
if (expression) {
Statement(s) to be executed if expression is true
} else {
Statement(s) to be executed if expression is false
}
Aquí se evalúa la expresión de JavaScript. Si el valor resultante es verdadero,
se ejecutan las declaraciones dadas en el bloque 'si'. Si la expresión es falsa,
se ejecutan las declaraciones dadas en el bloque else.
Ejemplo
Pruebe el siguiente código para aprender cómo implementar una instrucción if-
else en JavaScript.
Demo en vivo
<html>
<body>
<script type = "text/javascript">
<!--
var age = 15;
Salida
Sintaxis
Ejemplo
Salida
Maths Book
Set the variable to different value and then try...
JavaScript - Cambiar caso
Puede usar múltiples declaraciones if ... else ... if , como en el capítulo
anterior, para realizar una rama de múltiples vías. Sin embargo, esta no
siempre es la mejor solución, especialmente cuando todas las ramas
dependen del valor de una sola variable.
Comenzando con JavaScript 1.2, puede usar una instrucción switch que
maneja exactamente esta situación, y lo hace de manera más eficiente que
repetir las declaraciones if ... else if .
Diagrama de flujo
El siguiente diagrama de flujo explica que funciona una declaración de cambio
de mayúsculas y minúsculas.
Sintaxis
default: statement(s)
}
Las declaraciones de ruptura indican el final de un caso particular. Si se
omitieran, el intérprete continuaría ejecutando cada declaración en cada uno
de los siguientes casos.
Explicaremos la declaración de ruptura en el capítulo Control de bucle .
Ejemplo
Pruebe el siguiente ejemplo para implementar la instrucción switch-case.
Demo en vivo
<html>
<body>
<script type = "text/javascript">
<!--
var grade = 'A';
document.write("Entering switch block<br />");
switch (grade) {
case 'A': document.write("Good job<br />");
break;
Salida
Salida
El bucle while
El bucle más básico en JavaScript es el tiempo de bucle que se discute en
este capítulo. El propósito de un tiempo de bucle es ejecutar una instrucción o
bloque de código en varias ocasiones, siempre que una expresión es
verdadera. Una vez que la expresión se vuelve falsa, el ciclo termina.
Diagrama de flujo
Ejemplo
document.write("Loop stopped!");
//-->
</script>
Salida
Starting Loop
Current Count : 0
Current Count : 1
Current Count : 2
Current Count : 3
Current Count : 4
Current Count : 5
Current Count : 6
Current Count : 7
Current Count : 8
Current Count : 9
Loop stopped!
Set the variable to different value and then try...
Diagrama de flujo
Ejemplo
Salida
Starting Loop
Current Count : 0
Current Count : 1
Current Count : 2
Current Count : 3
Current Count : 4
Loop Stopped!
Set the variable to different value and then try...
JavaScript: para bucle
El bucle ' for ' es la forma más compacta de bucle. Incluye las siguientes tres
partes importantes:
La inicialización del ciclo donde inicializamos nuestro contador a un valor
inicial. La instrucción de inicialización se ejecuta antes de que comience el ciclo.
La declaración de prueba que probará si una condición dada es verdadera o
no. Si la condición es verdadera, se ejecutará el código dado dentro del bucle; de
lo contrario, el control saldrá del bucle.
La declaración de iteración donde puede aumentar o disminuir su contador.
Puede poner las tres partes en una sola línea separada por punto y coma.
Diagrama de flujo
El diagrama de flujo de un bucle for en JavaScript sería el siguiente:
Sintaxis
Ejemplo
Salida
Starting Loop
Current Count : 0
Current Count : 1
Current Count : 2
Current Count : 3
Current Count : 4
Current Count : 5
Current Count : 6
Current Count : 7
Current Count : 8
Current Count : 9
Loop stopped!
Set the variable to different value and then try...
JavaScript para ... en bucle
El bucle for ... in se usa para recorrer las propiedades de un objeto. Como
todavía no hemos discutido los Objetos, es posible que no te sientas cómodo
con este ciclo. Pero una vez que comprenda cómo se comportan los objetos
en JavaScript, encontrará este bucle muy útil.
Sintaxis
La sintaxis de 'for..in' loop es -
for (variablename in object) {
statement or block to execute
}
En cada iteración, una propiedad del objeto se asigna a variablename y este
ciclo continúa hasta que se agoten todas las propiedades del objeto.
Ejemplo
Salida
La declaración de descanso
La declaración de interrupción , que se introdujo brevemente con
la declaración de cambio , se usa para salir de un bucle temprano,
separándose de las llaves.
Diagrama de flujo
Ejemplo
Salida
La declaración continua
La instrucción continue le dice al intérprete que inicie inmediatamente la
próxima iteración del bucle y omita el bloque de código restante. Cuando se
encuentra una instrucción de continuación , el flujo del programa se mueve a
la expresión de verificación de bucle de inmediato y si la condición sigue
siendo verdadera, entonces comienza la siguiente iteración, de lo contrario el
control sale del bucle.
Ejemplo
if (x == 5) {
continue; // skip rest of the loop body
}
document.write( x + "<br />");
}
document.write("Exiting the loop!<br /> ");
//-->
</script>
<p>Set the variable to different value and then
try...</p>
</body>
</html>
Salida
Ejemplo 1
El siguiente ejemplo muestra cómo implementar Label con una instrucción
break.
Demo en vivo
<html>
<body>
<script type = "text/javascript">
<!--
document.write("Entering the loop!<br /> ");
outerloop: // This is the label name
for (var i = 0; i < 5; i++) {
document.write("Outerloop: " + i + "<br />");
innerloop:
for (var j = 0; j < 5; j++) {
if (j > 3 ) break ; // Quit the
innermost loop
if (i == 2) break innerloop; // Do the
same thing
if (i == 4) break outerloop; // Quit the
outer loop
document.write("Innerloop: " + j + " <br
/>");
}
}
document.write("Exiting the loop!<br /> ");
//-->
</script>
</body>
</html>
Salida
Demo en vivo
<html>
<body>
</body>
</html>
Salida
Definición de función
Antes de usar una función, necesitamos definirla. La forma más común de
definir una función en JavaScript es mediante el uso de la palabra clave
de función , seguida de un nombre de función único, una lista de parámetros
(que puede estar vacía) y un bloque de enunciado rodeado de llaves.
Sintaxis
Ejemplo
Prueba el siguiente ejemplo. Define una función llamada sayHello que no toma
parámetros:
<script type = "text/javascript">
<!--
function sayHello() {
alert("Hello there");
}
//-->
</script>
</head>
<body>
<p>Click the following button to call the function</p>
<form>
<input type = "button" onclick = "sayHello()" value
= "Say Hello">
</form>
<p>Use different text in write method and then
try...</p>
</body>
</html>
Salida
Parámetros de funciones
Hasta ahora, hemos visto funciones sin parámetros. Pero hay una facilidad
para pasar diferentes parámetros mientras se llama a una función. Estos
parámetros pasados se pueden capturar dentro de la función y cualquier
manipulación se puede hacer sobre esos parámetros. Una función puede
tomar múltiples parámetros separados por comas.
Ejemplo
<body>
<p>Click the following button to call the function</p>
<form>
<input type = "button" onclick = "sayHello('Zara',
7)" value = "Say Hello">
</form>
<p>Use different parameters inside the function and
then try...</p>
</body>
</html>
Salida
La declaración de devolución
Una función de JavaScript puede tener una declaración
de devolución opcional . Esto es necesario si desea devolver un valor de una
función. Esta declaración debería ser la última declaración en una función.
Por ejemplo, puede pasar dos números en una función y luego puede esperar
que la función devuelva su multiplicación en su programa de llamadas.
Ejemplo
Prueba el siguiente ejemplo. Define una función que toma dos parámetros y
los concatena antes de devolver el resultante en el programa de llamada.
Demo en vivo
<html>
<head>
<script type = "text/javascript">
function concatenate(first, last) {
var full;
full = first + last;
return full;
}
function secondFunction() {
var result;
result = concatenate('Zara', 'Ali');
document.write (result );
}
</script>
</head>
<body>
<p>Click the following button to call the function</p>
<form>
<input type = "button" onclick = "secondFunction()"
value = "Call Function">
</form>
<p>Use different parameters inside the function and
then try...</p>
</body>
</html>
Salida
Hay mucho que aprender sobre las funciones de JavaScript, sin embargo,
hemos cubierto los conceptos más importantes en este tutorial.
Funciones anidadas de JavaScript
Constructor de funciones JavaScript ()
Literales de funciones de JavaScript
JavaScript - Eventos
¿Qué es un evento?
La interacción de JavaScript con HTML se maneja a través de eventos que
ocurren cuando el usuario o el navegador manipula una página.
Cuando se carga la página, se llama evento. Cuando el usuario hace clic en
un botón, ese clic también es un evento. Otros ejemplos incluyen eventos
como presionar cualquier tecla, cerrar una ventana, cambiar el tamaño de una
ventana, etc.
Los desarrolladores pueden usar estos eventos para ejecutar respuestas
codificadas en JavaScript, lo que hace que los botones cierren ventanas, se
muestren mensajes a los usuarios, se validen los datos y prácticamente
cualquier otro tipo de respuesta imaginable.
Los eventos son parte del Nivel 3 del Modelo de objetos de documento (DOM)
y cada elemento HTML contiene un conjunto de eventos que pueden activar el
código JavaScript.
Siga este pequeño tutorial para comprender mejor la Referencia de eventos
HTML . Aquí veremos algunos ejemplos para comprender una relación entre
Evento y JavaScript:
Ejemplo
<body>
<p>Click the following button and see result</p>
<form>
<input type = "button" onclick = "sayHello()" value
= "Say Hello" />
</form>
</body>
</html>
Salida
Ejemplo
<body>
<form method = "POST" action = "t.cgi" onsubmit =
"return validate()">
.......
<input type = "submit" value = "Submit" />
</form>
</body>
</html>
onmouseover y onmouseout
Estos dos tipos de eventos te ayudarán a crear buenos efectos con imágenes
o incluso con texto. El evento onmouseover se dispara cuando coloca el
mouse sobre cualquier elemento y el onmouseout se dispara cuando mueve
el mouse fuera de ese elemento. Prueba el siguiente ejemplo.
Demo en vivo
<html>
<head>
<script type = "text/javascript">
<!--
function over() {
document.write ("Mouse Over");
}
function out() {
document.write ("Mouse Out");
}
//-->
</script>
</head>
<body>
<p>Bring your mouse inside the division to see the
result:</p>
<div onmouseover = "over()" onmouseout = "out()">
<h2> This is inside the division </h2>
</div>
</body>
</html>
Salida
JavaScript y cookies
¿Qué son las cookies?
Los navegadores y servidores web utilizan el protocolo HTTP para
comunicarse y HTTP es un protocolo sin estado. Pero para un sitio web
comercial, se requiere mantener la información de la sesión entre diferentes
páginas. Por ejemplo, el registro de un usuario finaliza después de completar
muchas páginas. Pero cómo mantener la información de la sesión de los
usuarios en todas las páginas web.
En muchas situaciones, el uso de cookies es el método más eficiente para
recordar y rastrear preferencias, compras, comisiones y otra información
requerida para una mejor experiencia del visitante o estadísticas del sitio.
Cómo funciona ?
Su servidor envía algunos datos al navegador del visitante en forma de
cookie. El navegador puede aceptar la cookie. Si lo hace, se almacena como
un registro de texto sin formato en el disco duro del visitante. Ahora, cuando el
visitante llega a otra página de su sitio, el navegador envía la misma cookie al
servidor para su recuperación. Una vez recuperado, su servidor sabe /
recuerda lo que se almacenó anteriormente.
Las cookies son un registro de datos de texto sin formato de 5 campos de
longitud variable:
Caduca : la fecha de caducidad de la cookie. Si está en blanco, la cookie
caducará cuando el visitante cierre el navegador.
Dominio : el nombre de dominio de su sitio.
Ruta : la ruta al directorio o página web que configura la cookie. Esto puede estar
en blanco si desea recuperar la cookie de cualquier directorio o página.
Seguro : si este campo contiene la palabra "seguro", la cookie solo se puede
recuperar con un servidor seguro. Si este campo está en blanco, no existe tal
restricción.
Nombre = Valor : las cookies se configuran y recuperan en forma de pares clave-
valor
Las cookies fueron diseñadas originalmente para la programación CGI. Los
datos contenidos en una cookie se transmiten automáticamente entre el
navegador web y el servidor web, por lo que los scripts CGI en el servidor
pueden leer y escribir valores de cookies que están almacenados en el cliente.
JavaScript también puede manipular cookies utilizando la propiedad
de cookies del objeto Documento . JavaScript puede leer, crear, modificar y
eliminar las cookies que se aplican a la página web actual.
Almacenar Cookies
La forma más sencilla de crear una cookie es asignar un valor de cadena al
objeto document.cookie, que se ve así.
document.cookie = "key1 = value1;key2 = value2;expires =
date";
Aquí el atributo caduca es opcional. Si proporciona este atributo con una
fecha u hora válida, la cookie caducará en una fecha u hora determinada y, a
partir de entonces, el valor de las cookies no será accesible.
Nota : Los valores de cookies no pueden incluir punto y coma, comas o
espacios en blanco. Por esta razón, es posible que desee utilizar la función
JavaScript escape () para codificar el valor antes de almacenarlo en la
cookie. Si hace esto, también tendrá que usar la función unescape
() correspondiente cuando lea el valor de la cookie.
Ejemplo
<body>
<form name = "myform" action = "">
Enter name: <input type = "text" name = "customer"/>
<input type = "button" value = "Set Cookie" onclick
= "WriteCookie();"/>
</form>
</body>
</html>
Salida
Ahora su máquina tiene una cookie llamada nombre . Puede configurar varias
cookies utilizando múltiples pares clave = valor separados por comas.
Cookies de lectura
Leer una cookie es tan simple como escribir una, porque el valor del objeto
document.cookie es la cookie. Por lo tanto, puede usar esta cadena cuando
quiera acceder a la cookie. La cadena document.cookie mantendrá una lista
de pares nombre = valor separados por punto y coma, donde nombre es el
nombre de una cookie y valor es su valor de cadena.
Puede usar la función split () de cadenas para dividir una cadena en clave y
valores de la siguiente manera:
Ejemplo
<body>
<form name = "myform" action = "">
<p> click the following button and see the
result:</p>
<input type = "button" value = "Get Cookie" onclick
= "ReadCookie()"/>
</form>
</body>
</html>
Nota : Aquí la longitud es un método de la clase Array que devuelve la
longitud de una matriz. Discutiremos las matrices en un capítulo
separado. Para ese momento, por favor intente digerirlo.
Nota : Puede haber algunas otras cookies ya configuradas en su máquina. El
código anterior mostrará todas las cookies establecidas en su máquina.
Ejemplo
<body>
<form name = "myform" action = "">
Enter name: <input type = "text" name = "customer"/>
<input type = "button" value = "Set Cookie" onclick
= "WriteCookie()"/>
</form>
</body>
</html>
Salida
Ejemplo
<body>
<form name = "myform" action = "">
Enter name: <input type = "text" name = "customer"/>
<input type = "button" value = "Set Cookie" onclick
= "WriteCookie()"/>
</form>
</body>
</html>
Salida
Demo en vivo
<html>
<head>
<script type = "text/javascript">
<!--
//-->
</script>
</head>
<body>
<p>Click the following, This won't react at all...</p>
<a href = "javascript:void(alert('Warning!!!'))">Click
me!</a>
</body>
</html>
Salida
Ejemplo 2
<body>
<p>Click the following, This won't react at all...</p>
<a href = "javascript:void(0)">Click me!</a>
</body>
</html>
Salida
Ejemplo 3
a = void ( b = 5, c = 7 );
document.write('a = ' + a + ' b = ' + b +' c =
' + c );
}
//-->
</script>
</head>
<body>
<p>Click the following to see the result:</p>
<form>
<input type = "button" value = "Click Me" onclick =
"getValue();" />
</form>
</body>
</html>
Salida
Ejemplo
<body>
<form>
<input type = "button" value = "Print" onclick =
"window.print()" />
</form>
</body>
<html>
Salida
El nuevo operador
El nuevo operador se utiliza para crear una instancia de un objeto. Para crear
un objeto, el nuevo operador es seguido por el método del constructor.
En el siguiente ejemplo, los métodos de construcción son Object (), Array () y
Date (). Estos constructores son funciones de JavaScript incorporadas.
var employee = new Object();
var books = new Array("C++", "Perl", "Java");
var day = new Date("August 15, 1947");
El constructor de objetos ()
Ejemplo 1
<body>
<script type = "text/javascript">
document.write("Book name is : " + book.subject +
"<br>");
document.write("Book author is : " + book.author +
"<br>");
</script>
</body>
</html>
Salida
Ejemplo 2
Este ejemplo muestra cómo crear un objeto con una función definida por el
usuario. Aquí esta palabra clave se usa para referirse al objeto que se ha
pasado a una función.
Demo en vivo
<html>
<head>
<title>User-defined objects</title>
<script type = "text/javascript">
function book(title, author) {
this.title = title;
this.author = author;
}
</script>
</head>
<body>
<script type = "text/javascript">
var myBook = new book("Perl", "Mohtashim");
document.write("Book title is : " + myBook.title +
"<br>");
document.write("Book author is : " + myBook.author +
"<br>");
</script>
</body>
</html>
Salida
Book title is : Perl
Book author is : Mohtashim
Ejemplo
Pruebe el siguiente ejemplo; muestra cómo agregar una función junto con un
objeto.
Demo en vivo
<html>
<head>
<title>User-defined objects</title>
<script type = "text/javascript">
// Define a function which will work as a method
function addPrice(amount) {
this.price = amount;
}
<body>
<script type = "text/javascript">
var myBook = new book("Perl", "Mohtashim");
myBook.addPrice(100);
Sintaxis
Ejemplo
<body>
<script type = "text/javascript">
var myBook = new book("Perl", "Mohtashim");
myBook.addPrice(100);
document.write("Book title is : " + myBook.title +
"<br>");
document.write("Book author is : " + myBook.author +
"<br>");
document.write("Book price is : " + myBook.price +
"<br>");
</script>
</body>
</html>
Salida
Book title is : Perl
Book author is : Mohtashim
Book price is : 100
Sintaxis
No Descripción de propiedad
Señor.
1 VALOR MÁXIMO
2 MIN_VALUE
El número de un posible valor más pequeño en JavaScript puede tener 5E-324
3 Yaya
Igual a un valor que no es un número.
4 NEGATIVE_INFINITY
Un valor que es menor que MIN_VALUE.
5 POSITIVE_INFINITY
Un valor que es mayor que MAX_VALUE
6 prototipo
Una propiedad estática del objeto Number. Utilice la propiedad prototipo de
nuevas propiedades y métodos de asignar al objeto Number en el documento
actual
7 constructor
Devuelve la función que crea la instancia de este objeto. Por defecto, este es el
objeto Number.
Métodos numéricos
El objeto Number contiene sólo los métodos predeterminados que son parte
de la definición de cada objeto.
No Método y Descripción
Señor.
1 toExponential ()
Fuerzas un número para mostrar en notación exponencial, incluso si el número
está en el rango en el que JavaScript normalmente usa la notación estándar.
2 toFixed ()
Formato a un número con un número específico de dígitos a la derecha del punto
decimal.
3 toLocaleString ()
Devuelve una versión valor de cadena del número actual en un formato que
puede variar según la configuración local de un navegador.
4 toPrecision ()
Define el número de dígitos en total (incluyendo los dígitos a la izquierda y la
derecha del punto decimal) para mostrar de un número.
5 Encadenar()
Devuelve la representación de cadena del valor del número.
6 valor de()
Devuelve el valor del número.
Sintaxis
Propiedades de Boole
Aquí está una lista de las propiedades del objeto Boolean -
1 constructor
En las siguientes secciones, vamos a tener unos pocos ejemplos para ilustrar
las propiedades de objeto Boolean.
Métodos de Boole
Aquí está una lista de los métodos de objeto booleano y su descripción.
1 a la fuente()
Devuelve una cadena que contiene la fuente del objeto Boolean; puede utilizar esta
secuencia para crear un objeto equivalente.
2 Encadenar()
Devuelve una serie de "true" o "false" dependiendo del valor del objeto.
3 valor de()
Devuelve el valor simple del objeto Boolean.
Sintaxis
Propiedades de cuerda
Aquí está una lista de las propiedades del objeto String y su descripción.
No Señor. Descripción de propiedad
1 constructor
2 longitud
Devuelve la longitud de la cadena.
3 prototipo
La propiedad prototipo permite agregar propiedades y métodos a un objeto.
Métodos de cuerda
Aquí está una lista de los métodos disponibles en el objeto String junto con su
descripción.
No Método y Descripción
Señor.
1 charAt ()
2 charCodeAt ()
Devuelve un número que indica el valor Unicode del carácter en el índice
especificado.
3 concat ()
Combina el texto de dos cadenas y devuelve una nueva cadena.
4 índice de()
Devuelve el índice dentro del objeto String llamar de la primera aparición del
valor especificado, o -1 si no se encuentra.
5 lastIndexOf ()
Devuelve el índice dentro del objeto String llamando de la última aparición del
valor especificado, o -1 si no se encuentra.
6 localeCompare ()
Devuelve un número que indica si una cadena de referencia viene antes o
después, o es la misma que la cadena dada en el orden de clasificación.
7 partido()
Se utiliza para que coincida con una expresión regular con una cadena.
8 reemplazar()
Se utiliza para encontrar una coincidencia entre una expresión regular y una
cadena, y sustituir la subcadena coincidente con una nueva subcadena.
9 buscar()
Ejecuta la búsqueda de una coincidencia entre una expresión regular y una
cadena especificada.
10 rebanada()
Extrae una sección de una cadena y devuelve una nueva cadena.
11 división()
Divide un objeto String en una matriz de cadenas mediante la separación de la
cadena en subcadenas.
12 substr ()
Devuelve los caracteres en una cadena que comienza en la posición
especificada por el número de caracteres especificado.
13 subcadena ()
Devuelve los caracteres de una cadena entre dos índices en la cadena.
14 toLocaleLowerCase ()
Los caracteres dentro de una cadena se convierten a minúsculas en el respeto
de la localización actual.
15 toLocaleUpperCase ()
Los caracteres dentro de una cadena se convierten en mayúsculas en el respeto
de la localización actual.
dieciséis toLowerCase ()
Devuelve el valor de cadena llamando convertidos a minúsculas.
17 Encadenar()
Devuelve una cadena que representa el objeto especificado.
18 toUpperCase ()
Devuelve el valor de cadena llamando convierte a mayúsculas.
19 valor de()
Devuelve el valor simple del objeto especificado.
No Método y Descripción
Señor.
1 ancla()
2 grande()
Crea una cadena que se mostrará en una fuente grande como si se tratara de
una etiqueta <big>.
3 parpadeo()
Crea una cadena para abrir y cerrar como si se tratara de una etiqueta <blink>.
4 negrita()
Crea una cadena que se mostrará en negrita como si se tratara de una etiqueta
<b>.
5 fijo()
Provoca que una cadena se mostrará en la fuente de paso fijo como si se tratara
de una etiqueta <tt>
6 color de fuente()
Provoca una cadena que se mostrará en el color especificado como si fuera en
un <font color = "color"> etiqueta.
7 tamaño de fuente()
Provoca una cadena que se mostrará en el tamaño de la fuente especificada
como si fuera en un <font size = "tamaño"> etiqueta.
8 cursiva()
Causa que una cadena sea cursiva, como si se tratara de una etiqueta <i>.
9 enlace()
Crea un enlace de hipertexto HTML que solicita otra URL.
10 pequeño()
Provoca una cadena que se mostrará en una pequeña fuente, como si se tratara
de una etiqueta <small>.
11 Huelga()
Provoca una cadena que se mostrará como texto tachado, como si se tratara de
una etiqueta <strike>.
12 sub()
Provoca que una cadena se muestre como subíndice, como si se tratara de una
etiqueta <sub>
13 cenar()
Provoca que una cadena se muestre como un exponente, como si se tratara de
una etiqueta <sup>
Sintaxis
propiedades de la matriz
Aquí está una lista de las propiedades del objeto Array junto con su
descripción.
No Descripción de propiedad
Señor.
1 constructor
2
índice
La propiedad representa el índice de base cero de la coincidencia en la cadena
3
entrada
Esta propiedad sólo está presente en las matrices creadas por coincidencias de
expresiones regulares.
4 longitud
Refleja el número de elementos de una matriz.
5 prototipo
La propiedad prototipo permite agregar propiedades y métodos a un objeto.
Métodos de matriz
He aquí una lista de los métodos del objeto de matriz junto con su descripción.
No Método y Descripción
Señor.
1 concat ()
Devuelve una nueva matriz compuesta de esta matriz se unió a otros array (s) y /
o el valor (s).
2 cada()
Devuelve TRUE si cada elemento en esta matriz satisface la función de control
definidos.
3 filtrar()
Crea una nueva matriz con todos los elementos de esta matriz para el que la
función de filtrado proporcionada devuelve verdadero.
4 para cada()
Llama a una función para cada elemento de la matriz.
5 índice de()
Devuelve el primer (menos) de índice de un elemento dentro de la matriz igual al
valor especificado, o -1 si no se encuentra ninguno.
6 unirse()
Se une a todos los elementos de una matriz en una cadena.
7 lastIndexOf ()
Devuelve el último índice (mayor) de un elemento dentro de la matriz igual al
valor especificado, o -1 si no se encuentra ninguno.
8 mapa()
Crea una nueva matriz con los resultados de llamar a una función proporcionada
en cada elemento de este vector.
9 popular()
Elimina el último elemento de una matriz y devuelve dicho elemento.
10 empujar()
Añade uno o más elementos al final de una matriz y devuelve la nueva longitud
de la matriz.
11 reducir()
Aplicar una función simultáneamente contra dos valores de la matriz (de
izquierda a derecha) como para reducirla a un único valor.
12 reduceRight ()
Aplicar una función simultáneamente contra dos valores de la matriz (de derecha
a izquierda) como para reducirla a un único valor.
13 marcha atrás()
Invierte el orden de los elementos de una matriz - la primera se convierte en el
pasado, y el último se convierte en el primero.
14 cambio()
Elimina el primer elemento de una matriz y devuelve dicho elemento.
15 rebanada()
Extrae una sección de una matriz y devuelve una nueva matriz.
dieciséis algunos()
Devuelve true si al menos uno de los elementos de esta matriz satisface la
función de control definidos.
17 a la fuente()
Representa el código fuente de un objeto
18 ordenar()
Ordena los elementos de una matriz
19 empalme()
elementos agrega y / o elimina de una matriz.
20 Encadenar()
Devuelve una cadena que representa la matriz y sus elementos.
21 unshift ()
Añade uno o más elementos en la parte delantera de una matriz y devuelve la
nueva longitud de la matriz.
Sintaxis
Puede utilizar cualquiera de las siguientes sintaxis para crear un objeto Date
utilizando Fecha (constructor).
new Date ()
nuevos Fecha (milisegundos)
nuevos Fecha (DateString)
nueva fecha (año, mes, fecha [, horas, minutos, segundos,
milisegundos])
Nota- parámetros entre paréntesis son siempre opcionales.
He aquí una descripción de los parámetros -
ningún argumento- Sin argumentos, el constructor Date () crea un conjunto
objeto Date con la fecha y hora actual.
milisegundos- Cuando se pasa un argumento numérico, se toma como la
representación numérica interna de la fecha en milisegundos, como devuelto por
el método getTime (). Por ejemplo, pasando el argumento 5000 crea una fecha
que representa cinco segundos después de la medianoche en 1/1/70.
DateString- Cuando se pasa un argumento de serie, se trata de una
representación de cadena de una fecha, en el formato aceptado por el método ()
Date.parse.
7 agruments- Para utilizar la última forma del constructor se muestra arriba. He
aquí una descripción de cada argumento -
o año- Valor entero que representa el año. Por razones de compatibilidad
(con el fin de evitar el problema Y2K), siempre debe especificar el año en
su totalidad; utilizar 1998, en lugar de 98.
o mes- Valor entero que representa el mes, empezando por 0 para enero al
11 de diciembre.
o fecha- Valor entero que representa el día del mes.
o hora- valor entero que representa la hora del día (escala de 24 horas).
o minuto- valor entero que representa el segmento de minutos de un tiempo
de lectura.
o segundo- valor entero que representa el segundo segmento de un tiempo
de lectura.
o milisegundo- valor entero que representa el segmento de milisegundo de
un tiempo de lectura.
fecha Propiedades
Aquí está una lista de las propiedades del objeto Date, junto con su
descripción.
1 constructor
fecha Métodos
Aquí está una lista de los métodos utilizados con la fecha y su descripción.
No Método y Descripción
Señor.
1 Fecha()
2 obtener la fecha()
Devuelve el día del mes de la fecha especificada según la hora local.
3 getDay ()
Devuelve el día de la semana para la fecha especificada según la hora local.
4 getFullYear ()
Devuelve el año de la fecha especificada según la hora local.
5 getHours ()
Devuelve la hora en la fecha especificada según la hora local.
6 getMilliseconds ()
Devuelve los milisegundos de la fecha especificada según la hora local.
7 getMinutes ()
Devuelve los minutos de la fecha especificada según la hora local.
8 getMonth ()
Devuelve el mes de la fecha especificada según la hora local.
9 getSeconds ()
Devuelve los segundos de la fecha especificada según la hora local.
10 consigue tiempo()
Devuelve el valor numérico de la fecha especificada como el número de
milisegundos desde el 1 de enero de 1970 00:00:00 GMT.
11 getTimezoneOffset ()
Devuelve el desplazamiento en minutos para la localización actual de zona
horaria.
12 getUTCDate ()
Devuelve el día (fecha) del mes de la fecha especificada según la hora universal.
13 getUTCDay ()
Devuelve el día de la semana en la fecha especificada según la hora universal.
14 getUTCFullYear ()
Devuelve el año en la fecha especificada según la hora universal.
15 getUTCHours ()
Devuelve las horas en la fecha especificada según la hora universal.
dieciséis getUTCMilliseconds ()
Devuelve los milisegundos de la fecha especificada según la hora universal.
17 getUTCMinutes ()
Devuelve los minutos de la fecha especificada según la hora universal.
18 getUTCMonth ()
Devuelve el mes de la fecha especificada según la hora universal.
19 getUTCSeconds ()
Devuelve los segundos de la fecha especificada según la hora universal.
20 getYear ()
Obsoleto- Devuelve el año en la fecha especificada según la hora local. Uso
getFullYear lugar.
21 define la fecha()
Establece el día del mes de la fecha especificada según la hora local.
22 setFullYear ()
Establece el año completo para una fecha especificada según la hora local.
23 setHours ()
Establece las horas de la fecha especificada según la hora local.
24 setMilliseconds ()
Establece los milisegundos de la fecha especificada según la hora local.
25 setMinutes ()
Establece los minutos de la fecha especificada según la hora local.
26 setMonth ()
Establece el mes de la fecha especificada según la hora local.
27 setSeconds ()
Establece los segundos de la fecha especificada según la hora local.
28 fijar tiempo()
Establece el objeto Fecha al tiempo representado por un número de
milisegundos desde el 1 de enero de 1970, 00:00:00 UTC.
29 setUTCDate ()
Establece el día del mes de la fecha especificada según la hora universal.
30 setUTCFullYear ()
Establece el año completo para la fecha especificada según la hora universal.
31 setUTCHours ()
Ajusta la hora en la fecha especificada según la hora universal.
32 setUTCMilliseconds ()
Establece los milisegundos de la fecha especificada según la hora universal.
33 setUTCMinutes ()
Establece los minutos de la fecha especificada según la hora universal.
34 setUTCMonth ()
Establece el mes de la fecha especificada según la hora universal.
35 setUTCSeconds ()
Establece los segundos de la fecha especificada según la hora universal.
36 setYear ()
Obsoleto -Establece el año de la fecha especificada según la hora local. Uso
setFullYear lugar.
37 toDateString ()
Devuelve la parte de "fecha" de la fecha como una cadena legible.
38 toGMTString ()
Obsoleto -Convierte una fecha en una cadena, usando las convenciones de
Internet GMT. Uso toUTCString lugar.
39 toLocaleDateString ()
Devuelve la parte de "fecha" de la fecha como una cadena, usando reglas de la
localización actual.
40 toLocaleFormat ()
Convierte una fecha en una cadena, usando una cadena de formato.
41 toLocaleString ()
Convierte una fecha en una cadena, usando reglas de la localización actual.
42 toLocaleTimeString ()
Devuelve la parte de "tiempo" de la fecha como una cadena, usando reglas de la
localización actual.
43 a la fuente()
Devuelve una cadena que representa el origen de un objeto Date equivalente;
puede utilizar este valor para crear un nuevo objeto.
44 Encadenar()
Devuelve una cadena que representa el objeto Date especificado.
45 toTimeString ()
Devuelve la parte de "tiempo" de la fecha como una cadena legible.
46 toUTCString ()
Convierte una fecha en una cadena, usando la convención de tiempo universal.
47 valor de()
Devuelve el valor primitivo de un objeto Date.
No Método y Descripción
Señor.
1 Date.parse ()
2 Date.UTC ()
Devuelve la representación de milisegundos de la fecha especificada y la hora
UTC.
Sintaxis
La sintaxis para llamar a las propiedades y métodos de Math son como sigue
var pi_val = Math.PI;
sine_val var = Math.sin (30);
Propiedades matemáticas
Aquí está una lista de todas las propiedades de las matemáticas y su
descripción.
No Descripción de propiedad
Señor.
1 E\
2 LN2
logaritmo natural de 2, aproximadamente 0.693.
3 LN10
logaritmo natural de 10, aproximadamente 2,302.
4 LOG2E
Logaritmo en base 2 de E, de aproximadamente 1.442.
5 LOG10E
Logaritmo en base 10 de E, de aproximadamente 0,434.
6 Pi
Relación de la circunferencia de un círculo a su diámetro, aproximadamente
3,14159.
7 SQRT1_2
raíz cuadrada de 1/2; equivalentemente, 1 sobre la raíz cuadrada de 2,
aproximadamente 0.707.
8 SQRT2
raíz cuadrada de 2, aproximadamente 1.414.
Métodos matemáticos
Aquí es una lista de los métodos asociados con objeto Math y su descripción
No Método y Descripción
Señor.
1 abdominales()
2 acos ()
Devuelve el arco coseno (en radianes) de un número.
3 como en()
Devuelve el arco seno (en radianes) de un número.
4 un bronceado()
Devuelve el arco tangente (en radianes) de un número.
5 atan2 ()
Devuelve el arcotangente del cociente de sus argumentos.
6 fortificar techo()
Devuelve el número entero más pequeño mayor o igual que un número.
7 cos ()
Devuelve el coseno de un número.
8 Exp()
Las devoluciones Enorte, Donde N es el argumento, y E es la constante de Euler,
la base del logaritmo natural.
9 piso()
Devuelve el mayor entero menor o igual a un número.
10 Iniciar sesión()
Devuelve el logaritmo natural (base e) de un número.
11 max ()
Devuelve el mayor de cero o más números.
12 min ()
Devuelve el más pequeño de cero o más números.
13 pow ()
Las devoluciones de base a la potencia de exponente, es decir, exponente de
base.
14 aleatorio()
Devuelve un número pseudo-aleatorio entre 0 y 1.
15 redondo()
Devuelve el valor de un número redondeado al entero más cercano.
dieciséis pecado()
Devuelve el seno de un número.
17 sqrt ()
Devuelve la raíz cuadrada de un número.
18 bronceado()
Devuelve la tangente de un número.
19 a la fuente()
Devuelve la cadena "Matemáticas".
Sintaxis
Una expresión regular podría definirse con el constructor RegExp (), como
sigue -
patrón var = new RegExp (patrón, atributos);
o simplemente
var pattern = / atributos patrón /;
Aquí está la descripción de los parámetros -
modelo- Una cadena que especifica el patrón de la expresión regular u otra
expresión regular.
atributos- Una cadena opcional que contiene cualquiera de los "g", "i", y "m"
atributos que especifican partidos globales, mayúsculas y minúsculas, y de varias
líneas, respectivamente.
Soportes
Los corchetes ([]) tienen un especial significado cuando se utiliza en el
contexto de las expresiones regulares. Se utilizan para encontrar un rango de
caracteres.
No Señor. Expresión y Descripción
1
[...]
Cualquier carácter entre los corchetes.
2
[^ ...]
Cualquier carácter no entre los corchetes.
3
[0-9]
Coincide con cualquier dígito decimal de 0 a 9.
4
[Arizona]
Coincide con cualquier carácter de una minúscula través de minúsculas z.
5
[ARIZONA]
Coincide con cualquier carácter de la A a la Z. mayúscula mayúsculas
6
[Arizona]
Coincide con cualquier carácter de una minúscula mayúscula a la Z.
cuantificadores
La frecuencia o la posición de las secuencias de caracteres entre corchetes y
los caracteres individuales se pueden denotan por un carácter especial. Cada
personaje tiene una connotación especial específico. El +, *,?, Y banderas $
todo sigue una secuencia de caracteres.
No Expresión y Descripción
Señor.
1
p+
Coincide con cualquier cadena que contenga uno o más de p.
2
pag*
Coincide con cualquier cadena que contiene cero o más de p.
3
¿pag?
Coincide con cualquier cadena que contenga como máximo un p.
4
p {N}
Se coincide con cualquier cadena que contiene una secuencia de N p de
5
p {2,3}
Coincide con cualquier cadena que contiene una secuencia de dos o tres de p.
6
p {2,}
Coincide con cualquier cadena que contiene una secuencia de al menos dos de
p.
7
p$
Coincide con cualquier cadena con p al final de la misma.
8
p^
Coincide con cualquier cadena con p al comienzo de la misma.
Ejemplos
No Expresión y Descripción
Señor.
1
[^ A-zA-Z]
Se coincide con cualquier cadena que no contiene ninguno de los caracteres que
van desde A a la Z y A a la Z.
2
páginas
Coincide con cualquier cadena que contiene p, seguido de cualquier carácter, a
su vez, seguido de otro pág.
3
^. {2} $
Coincide con cualquier cadena que contenga exactamente dos caracteres.
4
<B> (. *) </ B>
Que coincide con cualquier cadena encerrada dentro de <b> y </ b>.
5
p (CV) *
Se coincide con cualquier cadena que contiene ap seguido de cero o más
instancias de la secuencia de hp.
1
Alfanumérico
Sí mismo
2
\0
El carácter NUL (\ u0000)
3
\t
Pestaña (\ u0009
4
\norte
Nueva línea (\ u000A)
5
\v
pestaña vertical (\ u000B)
6
\F
Avance de página (\ u000C)
7
\r
retorno de carro (\ u000d)
8
\ xnn
El carácter latino especificado por el número hexadecimal nn; por ejemplo, \ x0A
es el mismo que \ n
9
\ uxxxx
El carácter Unicode especificado por el número hexadecimal xxxx; por ejemplo, \
u0009 es el mismo que \ t
10
\ cX
El carácter de control ^ X; por ejemplo, \ cJ es equivalente al carácter de nueva
línea \ n
metacaracteres
Un meta-carácter es simplemente un carácter alfabético precedido por una
barra invertida que actúa para dar a la combinación de un significado especial.
Por ejemplo, se puede buscar una gran suma de dinero a través de la '\ d'
metacarácter: / ([\ d] +) 000 /, aquí \ d buscará cualquier cadena de caracteres
numéricos.
La siguiente tabla muestra un conjunto de meta-caracteres que se pueden
utilizar en Perl estilo expresiones regulares.
1
.
un solo carácter
2
\s
un carácter de espacio en blanco (espacio, tabulación, nueva línea)
3
\S
no está en blanco
4
\re
un dígito (0-9)
5
\RE
un no-dígitos
6
\w
un carácter de palabra (az, AZ, 0-9, _)
7
\W
un carácter no-palabra
8
[\si]
un retroceso literal (caso especial).
9
[Aeiou]
coincide con un carácter único en el conjunto dado
10
[^ Aeiou]
coincide con un solo carácter fuera del conjunto dado
11
(Foo | bar | Baz)
coincide con cualquiera de las alternativas especificadas
modificadores
Varios modificadores están disponibles que pueden simplificar la forma de
trabajar con las expresiones regulares, como mayúsculas y minúsculas,
buscando en múltiples líneas, etc.
No Modificador y Descripción
Señor.
1
yo
Realizar caso-insensible a juego.
2
metro
Especifica que si la cadena tiene caracteres de nueva línea o retorno de carro, el
^ $ y los operadores serán ahora partido contra un límite de nueva línea, en lugar
de un límite cuerdas
3
sol
Realiza una matchthat mundial es, encontrar todos los partidos en lugar de
detenerse después de que el primer partido.
Propiedades RegExp
Aquí está una lista de las propiedades asociadas con RegExp y su
descripción.
1 constructor
2 global
Especifica si el "g" modificador está establecido.
3 ignorar caso
Especifica si se establece el "i" modificador.
4 lastIndex
El índice en el cual para iniciar el próximo partido.
5 multilínea
Especifica si el modificador de "m" está establecido.
6 fuente
El texto del patrón.
Métodos RegExp
Aquí está una lista de los métodos asociados con la expresión regular junto
con su descripción.
No Método y Descripción
Señor.
1 exec ()
2 prueba()
Las pruebas para un partido en su parámetro de cadena.
3 a la fuente()
Devuelve un literales objeto que representa el objeto especificado; puede utilizar
este valor para crear un nuevo objeto.
4 Encadenar()
Devuelve una cadena que representa el objeto especificado.
compatibilidad DOM
Si desea escribir un guión con la flexibilidad de utilizar ya sea W3C DOM o IE
4 DOM en función de su disponibilidad, a continuación, puede utilizar un
enfoque de pruebas de capacidad que busca en primer lugar la existencia de
un método o una propiedad para determinar si el navegador tiene la capacidad
que usted desea. Por ejemplo -
si (document.getElementById) {
// Si existe el método del W3C, lo utilizan
} Else if (document.all) {
// Si existe el todo [] array, usarlo
} Else {
// De lo contrario usar el DOM legado
}
JavaScript - Errores y manejo de
excepciones
Hay tres tipos de errores en la programación: (a) errores de sintaxis, (b) los
errores de ejecución, y (c) los errores lógicos.
captura ( mi ) {
// Código que se ejecuta si se produce una excepción
[descanso;]
}
[ finalmente {
// Código que se ejecuta siempre, independientemente de
// una excepción que ocurre
}]
// ->
</ Script>
Ejemplos
<Body>
<P>Haga clic en el siguiente para ver el resultado:</ P>
<Form>
<input tipo = "botón" valor = "Haz click en mi" al hacer
clic = "myFunc();" />
</ Form>
</ Body>
</ Html>
Salida
Ahora vamos a tratar de detectar esta excepción utilizando try ... catch y
mostrar un mensaje fácil de usar. También puede suprimir este mensaje, si
desea ocultar este error de un usuario.
Demo en vivo
<Html>
<Head>
</ Head>
<Body>
<P>Haga clic en el siguiente para ver el resultado:</ P>
<Form>
<input tipo = "botón" valor = "Haz click en mi" al hacer
clic = "myFunc();" />
</ Form>
</ Body>
</ Html>
Salida
tratar {
alerta("El valor de una variable es:" + un );
}
captura ( mi ) {
alerta("Error:" + mi.descripción);
}
finalmente {
alerta("Por último bloque se ejecutará siempre!" );
}
}
// ->
</ Script>
</ Head>
<Body>
<P>Haga clic en el siguiente para ver el resultado:</ P>
<Form>
<input tipo = "botón" valor = "Haz click en mi" al hacer
clic = "myFunc();" />
</ Form>
</ Body>
</ Html>
Salida
La sentencia throw
Se puede utilizar instrucción throw para elevar sus excepciones incorporado o
sus excepciones personalizadas. Más tarde, estas excepciones pueden ser
capturados y se puede tomar una acción apropiada.
Ejemplo
tratar {
Si ( si == 0 ) {
lanzar( "Error de división por cero." );
} más {
var C = un / si;
}
}
captura ( mi ) {
alerta("Error:" + mi );
}
}
// ->
</ Script>
</ Head>
<Body>
<P>Haga clic en el siguiente para ver el resultado:</ P>
<Form>
<input tipo = "botón" valor = "Haz click en mi" al hacer
clic = "myFunc();" />
</ Form>
</ Body>
</ Html>
Salida
Puede provocar una excepción en una función usando una cadena, entero,
booleano o un objeto y luego se puede capturar esa excepción, ya sea en la
misma función como lo hicimos anteriormente, o en otra función utilizando un
bloque try ... catch.
El onerror () Método
El controlador de eventos onerror fue la primera característica para facilitar el
manejo de errores en JavaScript. El evento de error se dispara en el objeto
ventana cada vez que se produce una excepción en la página.
Demo en vivo
<Html>
<Head>
<Form>
<input tipo = "botón" valor = "Haz click en mi" al hacer
clic = "myFunc();" />
</ Form>
</ Body>
</ Html>
Salida
Ejemplo
Demo en vivo
<Html>
<Head>
</ Head>
<Body>
<P>Haga clic en el siguiente para ver el resultado:</ P>
<Form>
<input tipo = "botón" valor = "Haz click en mi" al hacer
clic = "myFunc();" />
</ Form>
</ Body>
</ Html>
Salida
Ejemplo
<Tr>
<td alinear = "Derecha">Nombre</ Td>
<Td> <input tipo = "texto" nombre = "Nombre" /> </ Td>
</ Tr>
<Tr>
<td alinear = "Derecha">Correo electrónico</ Td>
<Td> <input tipo = "texto" nombre = "Correo electrónico" />
</ Td>
</ Tr>
<Tr>
<td alinear = "Derecha">Código postal</ Td>
<Td> <input tipo = "texto" nombre = "Código Postal" /> </
Td>
</ Tr>
<Tr>
<td alinear = "Derecha">País</ Td>
<Td>
<seleccione nombre = "País">
<opción valor = "-1" seleccionado>[Elegir el suyo]</ Option>
<opción valor = "1">Estados Unidos</ Option>
<opción valor = "2">Reino Unido</ Option>
<opción valor = "3">INDIA</ Option>
</ Select>
</ Td>
</ Tr>
<Tr>
<td alinear = "Derecha"> </ Td>
<Td> <input tipo = "enviar" valor = "Enviar" /> </ Td>
</ Tr>
</ Table>
</ Form>
</ Body>
</ Html>
Salida
Ejemplo
JavaScript - Animación
Se puede utilizar JavaScript para crear una animación compleja que tiene,
pero no limitado a, los siguientes elementos -
Fuegos artificiales
Efecto de desvanecimiento
Roll-in o el despliegue de
Página de entrada o de salida página
movimientos de objetos
Quizás se encuentre interesado en la biblioteca de animación basada en
JavaScript existente:Script.Aculo.us.
Este tutorial proporciona una comprensión básica de cómo utilizar JavaScript
para crear una animación.
JavaScript se puede utilizar para mover un número de elementos DOM (<img
/>, <div> o cualquier otro elemento HTML) alrededor de la página de acuerdo
con algún tipo de patrón determinado por una ecuación o función lógica.
JavaScript proporciona las siguientes dos funciones que se utilizan con
frecuencia en los programas de animación.
setTimeout (función, duración)- Esta función llama a la función después de
milisegundos de duración a partir de ahora.
setInterval (función, duración)- Esta función llama a la función después de cada
milisegundos de duración.
clearTimeout (setTimeout_variable)- Esta función llama borra cualquier conjunto
por el temporizador () funciones setTimeout.
JavaScript también puede establecer una serie de atributos de un objeto DOM
incluyendo su posición en la pantalla. Puede configurar superior e izquierda
atributo de un objeto para colocarlo en cualquier lugar de la pantalla. Aquí su
sintaxis.
// conjunto de distancia desde el borde izquierdo de la
pantalla.
object.style.left = distancia en píxeles o puntos;
Animación Manual
Así que vamos a implementar una animación simple usando las propiedades
del objeto DOM y funciones de JavaScript de la siguiente manera. La siguiente
lista contiene diferentes métodos DOM.
Estamos utilizando la función de JavaScript getElemenById () para obtener un
objeto DOM y después asignarlo a un imgObj variable global.
Hemos definido una función init inicialización () para inicializar imgObj donde nos
hemos fijado su posición y atributos izquierda.
Estamos llamando a la función de inicialización en el momento de la carga de la
ventana.
Por último, estamos llamando a la función MoverDerecha () para aumentar la
distancia izquierda por 10 píxeles. También se podría establecer en un valor
negativo para moverlo hacia el lado izquierdo.
Ejemplo
función en eso() {
imgObj = documento.getElemenById('Mi imagen');
imgObj.estilo.posición= 'relativo';
imgObj.estilo.izquierda = '0px';
}
función mover a la derecha() {
imgObj.estilo.izquierda = parseInt(imgObj.estilo.izquierda)
+ 10 + 'Px';
}
ventana.onload = en eso;
// ->
</ Script>
</ Head>
<Body>
<Form>
<img carné de identidad = "Mi imagen" src =
"/Images/html.gif" />
<P>Haga clic en botón de abajo para mover la imagen a la
derecha</ P>
<input tipo = "botón" valor = "Haz click en mi" al hacer
clic = "mover a la derecha();" />
</ Form>
</ Body>
</ Html>
Salida
automatizado de Animación
En el ejemplo anterior, vimos cómo una imagen se mueve hacia la derecha
con cada clic. Podemos automatizar este proceso mediante el uso de la
función setTimeout () de JavaScript de la siguiente manera -
Aquí hemos añadido más métodos. Así que vamos a ver lo que es nuevo aquí
-
La función MoveRight () está llamando a la función setTimeout () para establecer
la posición de imgObj.
Hemos añadido una nueva función stop () para borrar el conjunto del temporizador
setTimeout () y para establecer el objeto a su posición inicial.
Ejemplo
función en eso() {
imgObj = documento.getElemenById('Mi imagen');
imgObj.estilo.posición= 'relativo';
imgObj.estilo.izquierda = '0px';
}
función mover a la derecha() {
imgObj.estilo.izquierda = parseInt(imgObj.estilo.izquierda)
+ 10 + 'Px';
animar = setTimeout(mover a la derecha,20); // MoverDerecha
llamada en 20msec
}
función detener() {
clearTimeout(animar);
imgObj.estilo.izquierda = '0px';
}
ventana.onload = en eso;
// ->
</ Script>
</ Head>
<Body>
<Form>
<img carné de identidad = "Mi imagen" src =
"/Images/html.gif" />
<P>Haga clic en los botones de abajo para la animación
mango</ P>
<input tipo = "botón" valor = "Comienzo" al hacer clic =
"mover a la derecha();" />
<input tipo = "botón" valor = "Detener" al hacer clic =
"detener();" />
</ Form>
</ Body>
</ Html>
<Head>
<Title>Vuelco con un ratón Eventos</ Title>
<Body>
<P>Mover el puntero del ratón sobre la imagen para ver el
resultado</ P>
JavaScript - Multimedia
El navegador de objetos JavaScript incluye un objeto hijo llamado plugins.
Este objeto es una matriz, con una entrada para cada plug-in instalado en el
navegador. El objeto navigator.plugins sólo es compatible con Netscape,
Firefox y Mozilla solamente.
Ejemplo
<Body>
<table frontera = "1">
<Tr>
<Th>Plug-in Nombre</ Th>
<Th>Nombre del archivo</ Th>
<Th>Descripción</ Th>
</ Tr>
Salida
<Body>
<script idioma = "JavaScript" tipo = "Text / javascript">
medios de comunicación = navegador.mimeTypes["Video /
quicktime"];
Si (medios de comunicación) {
documento.escribir("<Embed src = 'quick.mov' height = 100
width = 100>");
} más {
documento.escribir("< 'Quick.gif' altura img src = = 100
width = 100>");
}
</ Script>
</ Body>
</ Html>
Salida
Control de Multimedia
Tomemos un ejemplo real, que funciona en casi todos los navegadores -
Demo en vivo
<Html>
<Head>
<Title>El uso de objetos incrustado</ Title>
<Body>
<embed carné de identidad = "manifestación" nombre =
"manifestación"
src = "Http://www.amrood.com/games/kumite.swf"
anchura = "318" altura = "300" jugar = "falso" lazo =
"falso"
pluginspage = "Http://www.macromedia.com/go/getflashplayer"
swLiveConnect = "cierto">
<form nombre = "formar" carné de identidad = "formar" acción
= "#" método = "obtener">
<input tipo = "botón" valor = "Comienzo" al hacer clic =
"jugar();" />
<input tipo = "botón" valor = "Detener" al hacer clic =
"detener();" />
<input tipo = "botón" valor = "Rebobinar" al hacer clic =
"rebobinar();" />
</ Form>
</ Body>
</ Html>
Salida
JavaScript - Depuración
De vez en cuando, los desarrolladores de cometer errores mientras que la
codificación. Un error en un programa o una secuencia de comandos que se
conoce como un error.
El proceso de encontrar y corregir errores que se llama depuración y es una
parte normal del proceso de desarrollo. Esta sección cubre las herramientas y
técnicas que le pueden ayudar con la depuración de tareas ..
Mensajes de error en el IE
La forma más básica para el diagnóstico de problemas es mediante la
activación de información de error en su navegador. De forma predeterminada,
Internet Explorer muestra un icono de error en la barra de estado cuando se
produce un error en la página.
Al hacer doble clic en este icono le lleva a un cuadro de diálogo que muestra
información sobre el error específico que se produjo.
Desde este icono es fácil pasar por alto, Internet Explorer le da la opción para
mostrar automáticamente el cuadro de diálogo de error cuando se produce un
error.
Para activar esta opción, seleccione Herramientas → Opciones de Internet →
pestaña Avanzado. y, finalmente, comprobar la opción del cuadro "Mostrar
una notificación sobre cada error de secuencias de comandos", como se
muestra a continuación -
Mensajes de error en Firefox o Mozilla
Otros navegadores como Firefox, Netscape, Mozilla y mensajes de error de
envío a una ventana especial llamada la consola JavaScript o Error Consol.
Para ver la consola, seleccione Herramientas → Error Consol o desarrollo
web.
Por desgracia, ya que estos navegadores no dan ninguna indicación visual
cuando se produce un error, se debe mantener la consola abierta y esté
pendiente de errores como sus ejecuta scripts.
Notificaciones de error
notificaciones de error que aparecen en la consola oa través de cuadros de
diálogo de Internet Explorer son el resultado de dos errores de sintaxis y de
tiempo de ejecución. Estos notificación de error incluye el número de línea en
la que se produjo el error.
Si está usando Firefox, a continuación, puede hacer clic en el error disponibles
en la consola de errores para ir a la línea exacta en el error de script que tiene.
Si( depuración )
alerta( "Las llamadas swapImage () con el argumento:" + cuál
imagen );
var swapStatus = swapImage( cuál imagen );
Si( depuración )
alerta( "Salidas swapImage () con swapStatus =" + swapStatus
);
Al examinar el contenido y el orden de la alerta (), tal como aparecen, se
puede examinar la salud de su programa muy fácilmente.
<Body>
<form nombre = "Myform">
<input tipo = "texto" nombre = "etapa" Talla = "20" />
</ Form>
Salida
Se puede sentir el concepto de mapa colocando el cursor del ratón sobre el
objeto de la imagen.
No Descripción de propiedad
Señor.
1
appCodeName
Esta propiedad es una cadena que contiene el nombre de código del navegador,
Netscape para Netscape y Microsoft Internet Explorer para Internet Explorer.
2
version de aplicacion
Esta propiedad es una cadena que contiene la versión del navegador, así como
otra información útil, como su lengua y su compatibilidad.
3
idioma
Esta propiedad contiene la abreviatura de dos letras para el idioma que se utiliza
por el navegador. Netscape solamente.
4
mimTypes []
Esta propiedad es una matriz que contiene todos los tipos MIME soportados por
el cliente. Netscape solamente.
5
plataforma[]
Esta propiedad es una cadena que contiene la plataforma para la que se compiló
el navegador. "Win32" para los sistemas operativos Windows de 32 bits
6
plugins []
Esta propiedad es una matriz que contiene todos los plug-ins que se han
instalado en el cliente. Netscape solamente.
7
agente de usuario[]
Esta propiedad es una cadena que contiene el nombre de código y versión del
navegador. Este valor se envía al servidor de origen para identificar al cliente.
Métodos Navigator
Hay varios métodos Navigator-específicos. Aquí está una lista de sus nombres
y descripciones.
No Descripción
Señor.
1
javaEnabled ()
Este método determina si JavaScript está habilitado en el cliente. Si JavaScript
está activado, este método devuelve true; de lo contrario, devuelve falso.
2
plugings.refresh
Este método hace que acaba de instalar plugins disponibles y llena la matriz con
todos los plugins nuevos nombres enchufables. Netscape solamente.
3
preferencia (nombre, valor)
Este método permite una escritura firmada para obtener y definir algunas
preferencias de Netscape. Si se omite el segundo parámetro, este método
devolverá el valor de la preferencia especificada; de lo contrario, se establece el
valor. Netscape solamente.
4
taintEnabled ()
Este método devuelve verdadero si adulteración de datos está habilitada; en caso
contrario.
<Body>
<script tipo = "Text / javascript">
<! -
var agente de usuario = navegador.agente de usuario;
var ópera = (agente de usuario.índice de('Ópera') ! = -1);
var es decir = (agente de usuario.índice de('MSIE') ! = -1);
var geco = (agente de usuario.índice de('Geco') ! = -1);
var Netscape = (agente de usuario.índice de('Mozilla') ! = -
1);
var versión = navegador.version de aplicacion;
Si (ópera) {
documento.escribir("Basado en navegador Opera");
// Mantenga su dirección URL específica de opera aquí.
} más Si (geco) {
documento.escribir("Navegador basado en Mozilla");
// Mantenga su dirección URL específica gecko aquí.
} más Si (es decir) {
documento.escribir("Basado en navegador IE");
// Mantenga su dirección URL específica IE aquí.
} más Si (Netscape) {
documento.escribir("Basado en navegador Netscape");
// Mantenga su dirección URL específica Netscape aquí.
} más {
documento.escribir("Navegador Desconocido");
}