trisquel

Aprende JavaScript con ejemplos (XXV). El BOM (Browser Object Model) (II).

En esta entrega continuaremos con lo aprendido en la primera parte del BOM y profundizaremos sobre otros objetos, métodos y propiedades del mismo.

Un objeto muy útil del DOM es el objeto window.location. Veamos algunas propiedades del mismo:

  1. window.location.href. Devuelve la URL de la página actual.
  2. window.location.hostname. Devuelve el dominio de la web.
  3. window.location.pathname. Devuelve el path y el fichero de la página actual.
  4. window.location.protocol. Devuelve el protocolo utilizado que debería ser o http:// o https://.
  5. window.location.assign. Carga una nueva página web.
Ejercicio 25.1:
Realiza una web en el que haya dos botones. Al pulsar en el primero se muestra en un texto la URL de la web actual y al pulsar el segundo se cargará directamente la web de myfpschool.

Recordando la historia del navegador.

Todos sabemos que los navegadores tienen dos botones uno que carga la web anterior (muy útil, por cierto) y otro que carga la siguiente web que tecleaste a la actual.

Desde JavaScript puedes manejar la historia del navegador con los métodos:

  1. history.back()
  2. history.forward()

Que van a la web previa y siguiente como podrás imaginar.

¿Qué navegador y qué sistema estoy utilizando?

Tendrás que utilizar el objeto navigator y en él encontrarás las siguientes propiedes:

  1. navigator.appName
  2. navigator.appCodeName
  3. navigator.platform

Las dos primeras te mostrarán la aplicación que estás utilizando (en mi caso appName= Netscape y appCodeName=Mozilla) y en el tercero, la plataforma o sistema operativo utilizado (en mi caso Linux x86_64)

Ejercicio 25.2:
También es posible saber si las cookies están habilitadas y el idioma del navegador utilizando el objeto navigator. Pon un ejemplo en el que utilices estas dos propiedades del objeto navigator.

¿Es posible pedir información al usuario de forma interactiva?

No es lo normal pero SI. Mira el siguiente ejemplo:

<!DOCTYPE html>
<html>
<body>
<p id="cp"></p>
<script>
var codigopostal = prompt("Por favor introduzca su código postal", "29680");

if (codigopostal != null) {
document.getElementById("cp").innerHTML =
"Su código postal es: " + codigopostal ;
}
</script>

</body>
</html>

Ejercicio 25.3:
Realiza una web en el que pidas al cliente que teclee una web y la página automáticamente se redireccione e la misma.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>