OPERADORES
Los operadores manipulan los valores de las variables, realizan cálculos matemáticos y comparan
los valores de diferentes variables.
ASIGNACIÓN
Este operador es el principal y el más sencillo. Sirve para asignar un
valor a una variable.
var num1 = 3;
INCREMENTO Y DECREMENTO
Ambos operadores sirven para decrementar o incrementar el valor de
una variable.
var num = 5;
++num;
alert(num); // num = 6
El primer operador (el de incremento) se indica mediante el prefijo ++
y aumenta en una unidad el valor de la variable. El segundo operador
(el de decremento) se indica mediante el prefijo - - y disminuye en una
unidad el valor de una variable.
var num = 5;
--num;
alert(num); // num = 4
Estos operadores también pueden ser indicados como sufijos en vez
de prefijos.
var num = 5;
num++;
alert(num); // num = 6
Aunque el resultado en uno y otro caso es el mismo, no es lo mismo
poner el operador como prefijo o sufijo:
var num1 = 5;
var num2 = 2;
num3 = num1++ + num2;
// num3 = 7, num1 = 6
var num1 = 5;
var num2 = 2;
num3 = ++num1 + num2;
// num3 = 8, num1 = 6
Cuando el operador ++ está como prefijo g Su valor se incrementa
antes de la operación.
Cuando el operador ++ está como sufijo g Su valor se incrementa
después de la operación.
LÓGICOS
Los operadores lógicos son adecuados para realizar condiciones y
lógica matemática.
El resultado de estas operaciones siempre da como resultado un valor
lógico o de booleano.
NEGACIÓN
El operador de negación se utiliza para dar el valor contrario a una
variable. En el caso de una variable que tenga el valor de un booleano,
se le asignará el valor contrario tras usarse el operador de negación.
var vis = true;
alert(!vis); // Muestra “false” y no “true”
El operador de negación también se puede usar cuando el valor de
la variable es un texto o un número. Si es un número y su valor es 0
se transforma en false y si es otro número diferente de 0 su valor es
true, por lo que al negarlo en los dos casos sería su valor contrario. En
el caso de las cadenas, si es cadena vacía (“”) se transforma en false y
con cualquier otra cadena su valor sería true.
var cant = 0;
vac = !cant; // vac = true
cant = 2;
vac = !cant; // vac = false
var mens = “”;
mensVac = !mens; // mensVac = true
mens = “Bienvenido”;
mensVac = !mens; // mensVac = false
AND
Este operador sirve para combinar los valores de dos variables, usando
lógica matemática y solo dando true si ambos valores son true. En
otro caso el valor final es false. El operador se define mediante el
símbolo “&&”.
OR
Este operador sirve para combinar los valores de dos variables, usando
lógica matemática y solo dando true si alguno de los valores es true.
En otro caso el valor final es false. El operador se define mediante el
símbolo “||”
MATEMÁTICOS
Los operadores declarados son: suma (+), resta (-), multiplicación (*) y
división (/). Estos operadores son todos matemáticos.
var num1 = 10;
var num2 = 5;
res = num1 / num2; // res = 2
res = 3 + num1; // res = 13
res = num2 – 4; // res = 1
res = num1 * num2; // res = 50
Aparte de estos anteriormente comentados, existe el operador
de “módulo” que obtiene como valor el resto de una división. Este
operador se indica mediante el símbolo “%”
var num1 = 10;
var num2 = 5;
res = num1 % num2; // res = 0
num1 = 9;
num2 = 5;
res = num1 % num2; // res = 4
RELACIONALES
Los relacionales: mayor que (>), menor que (<), mayor o igual (>=),
menor o igual (<=), igual que (==) y distinto de (!=).
El resultado de ellos siempre es un valor de booleano.
var num1 = 3;
var num2 = 5;
res = num1 > num2; // res = false
res = num1 < num2; // res = true
num1 = 5;
num2 = 5;
res = num1 >= num2; // res = true
res = num1 <= num2; // res = true
res = num1 == num2; // res = true
res = num1 != num2; // res = false
OBJETOS DEL NAVEGADOR
Cuando se carga una página en un navegador se crean un número de
objetos característicos del navegador según el contenido de la página.
La siguiente figura muestra la jerarquía de clases del Modelo de
Objetos del Documento (Document Object Model).
El objeto window es el de más alto nivel, contiene las propiedades
de la ventana y en el supuesto de trabajar con marcos (frames), se
genera un objeto window para cada uno. El objeto document contiene
todas las propiedades del documento actual, como son: su color de
fondo, enlaces, imágenes, etc.
El objeto navigator contiene las propiedades del navegador. El objeto
location contiene las propiedades de la URL activa. El objeto history
contiene las propiedades que representan a las URL que el usuario ha
visitado anteriormente. Es como una caché. El objeto screen contiene
información referente a la resolución de la pantalla que muestra la
URL.
EL OBJETO WINDOW
Contiene las propiedades básicas de la ventana y sus componentes.
Algunas de los datos más elementales son:
• defaultStatus contiene el mensaje que aparece en la barra de
estado).
• frames es una matriz que representa todos los frames de la
ventana.
• length contiene el número de frames de la ventana.
• name contiene el nombre de la ventana.
• self hace referencia a la ventana activa.
El siguiente ejemplo muestra cómo modificar el mensaje que aparece
en la barra de estado del navegador.
El objeto window también posee una serie de métodos que permiten
ejecutar funciones específicas con las ventanas, como por ejemplo,
crear ventanas y cuadros de diálogo.
También es posible determinar el aspecto que tendrá la nueva
ventana del navegador mediante los campos de datos que permiten
configurar el menú, la barra de herramientas, la barra de estado, etc.
El siguiente ejemplo muestra cómo abrir una nueva ventana desde la
ventana actual.
EL OBJETO LOCATION
El objeto location contiene toda la información sobre la URL que se
está visualizando, así como todos los detalles de esa dirección (puerto,
protocolo, etc.).
EL OBJETO SCREEN
Permite obtener información sobre la resolución de la pantalla. En el
siguiente ejemplo, se estable el color de fondo de la página de acuerdo
a la resolución que soporte la pantalla del usuario
EL OBJETO DOCUMENT - LA PÁGINA EN SÍ
El objeto document hace referencia a determinadas características de
la página, como son su color de fondo (bgColor), el color de su enlaces,
etc.
El código que se muestra a continuación carga una imagen
dependiendo de la elección que haga el usuario.
EL OBJETO HISTORY
El objeto history contiene información sobre los enlaces que el usuario
ha visitado. Se utiliza principalmente para generar botones de avance
y retroceso.
EL OBJETO NAVIGATOR
El objeto navigator permite obtener información del navegador con el
que se está visualizando el documento. El siguiente código JavaScript
detecta el navegador que se está utilizando y abre la página específica
del mismo.
