Hackers Informaticos
Los navegadores cuentan con un conjunto de objetos predefinidos, como por ejemplo
window, location, history, math,...
Cada uno de los objetos posee una serie de propiedades y una serie de métodos que
utilizaremos para modificar cualquier aspecto o propiedad del objeto. Para acceder a una
propiedad o método de cada uno de los objetos se utiliza lasiguiente sintaxis:
objeto.propiedad objeto.metodo (“parámetros”)
Por ejemplo:
window.open(“www.google.es”, “Ventana”, propiedades);
OBJETOS:
a. navigator:
Representa al propio navegador. Gracias a el se puede acceder a información de interés
como su nombre y versión. Muy útil cuando trabajamos con scripts que sólo pueden
funcionar en algún navegador o versión determinada.
Propiedades:
-appName: Proporciona el nombre del navegador.
- appVersion: Devuelve el número de versión.
- platform: Indica el nombre del sistema operativo.
- onLine: Informa si el usuario ha accedido a la página Web a través de Internet o área
local.
- connectionSpeed: Indica la velocidad actual de la conexión.
- cookieEnabled: Indica mediante valores true/false si el usuario tiene activada la
admisión decookies.
b. history:
Permite acceder al historial del navegador forzándolo a ir hacia delante o atrás utilizando
alguno de sus métodos. La sintaxis es: window.history.metodo();
Métodos:
- back(): Carga la página anterior a la actual.
- forward(): Carga la página posterior a la actual.
- go(n): El navegador avanzará o retrocederá en el historial n veces.
c. document:
Representa lapágina Web que se está mostrando en el navegador. Con él podemos obtener
información sobre la página y sus elementos.
Métodos:
- open(): Abre un documento.
- write(): Inserta un texto en el documento.
- writeln(): Inserta un texto en el documento y acaba en un salto de línea. El problema
es que HTML por defecto, ignora los cambios de línea, por eso para ver su efecto es
necesario utilizarlo juntocon etiqueta .
Mira el siguiente ejemplo:
Pincha en el botón para obtener una
la salida (en una nueva
venta), al que se le ha añadido
texto y despues se cierra
Prueba
function myFunction()
{
var w=window.open();
w.document.open();
w.document.write("Hola chicos!");
w.document.close();
}
d. location:
Ofrece información sobre la localización del documento que seestá visualizando en la
ventana.
Propiedad:
- href: Devuelve la URL del documento. (Propiedad de lectura y escritura).
Método:
- reload(): Recarga la página.
e. screen:
Alberga información sobre el modo de visualización de la pantalla.
Propiedades:
- height: Da el alto de la pantalla en píxeles.
- width: Da el ancho de la pantalla en píxeles.
f. window:
Representa la ventanadel navegador, incluidos marcos y cuadros de dialogo.
Propiedades:
- closed. Es un booleano que nos dice si la ventana está cerrada ( closed = true ) o no
(closed = false ).
- defaultStatus. Cadena que contiene el texto por defecto que aparece en la barra de
estado (status bar) del navegador.
- history. Se trata de un array que representa las URLS visitadas por la ventana (están
almacenadasen su historial). Véase apartado b.
- location. Cadena con la URL de la barra de dirección.
- name. Contiene el nombre de la ventana, o del frame actual.
- opener. Es una referencia al objeto window que lo abrió, si la ventana fue abierta
usando el método open() que veremos cuando estudiemos los métodos.
Métodos:
- alert(mensaje). Muestra el mensaje 'mensaje' en un cuadro de diálogo
-blur(). Elimina el foco del objeto window actual.
- clearInterval(id). Elimina el intervalo referenciado por 'id' . Por ejemplo, ejecuta el
código que encontrarás en el ejemplo que tiene a continuación a ver lo que hace.
- setInterval(), también del objeto window.
- clearTimeout(nombre). Cancela el intervalo referenciado por 'nombre' (ver el
método setTimeout(), también del objeto window)....
Regístrate para leer el documento completo.