Bienvenidos sean a este post, hoy hablaremos sobre un objeto que nos permite trabajar con las URLs, sus dos objetivos principales son: poder cambiar la direccion URL, es decir nos permite redireccionar a otra direccion especificada y la otra es extraer los componentes de la direccion de forma individual, la estructura basica es:
- Protocolo (http, ftp, https, etc)
- Host servidor (www.google.com)
- Puerto (80, 21, 443, etc)
- Path
El protocolo es el indicador con el cual el navegador sabra como debe conectarse, el Host es la direccion IP o el nombre del servidor a donde nos conectaremos, el Puerto es opcional porque en general con el protocolo el navegador sabe a que puerto debe conectarse salvo que sepamos que el servidor configuro otro puerto, p.e. en lugar de usar el 80 para http use el 8080, y por ultimo el path es el camino completo para acceder a nuestro recurso, un ejemplo podria ser el siguiente:
https://tinchicus.com/category/java/
Suponiendo que en este caso utilizaramos otro puerto se deberia especificar de la siguiente forma:
https://tinchicus.com:8080/category/java/
Con esta explicacion breve hablemos primero de las propiedades disponibles para este objeto:
- hash, cadena que contiene el nombre del enlace en la URL
- host, cadena que contiene el nombre del servidor y del puerto
- hostname, cadena que contiene el nombre del dominio o la direccion IP de la URL
- href, cadena que contiene la URL completa
- pathname, cadena que contiene el path del recurso
- port, cadena con el valor del puerto del servidor en la URL
- protocol, cadena con el protocolo de la URL
- search, cadena con la informacion pasada en una llamada de un script CGI
Pasemos a hablar sobre los metodos disponibles para este objeto:
- eval(). evalua una cadena como sentencia en referencia al objeto location
- reload(), recarga la URL especificada en href
- replace(URL), reemplaza el historial actual mientras la carga la URL especificada
- toString(), devuelve una cadena que representa al objeto location
- valueOf(), convierte el objeto en su tipo primitivo (number, boolean, string o funcion)
Veamos un codigo de ejemplo para entender como funciona:
url.html
<html>
<script language="Javascript">
<!--
document.title="ejemplo de location";
document.write("href: " + location.href + "<br>");
document.write("protocolo: " + location.protocol + "<br>");
document.write("host: " + location.host + "<br>");
document.write("pathname: " + location.pathname + "<br>");
//-->
</script>
</html>Este es un ejemplo simple donde podemos ver algunas de sus propiedades, en este caso href, protocol, host y pathname, si tienen la posibilidad de probar en un servidor deberan obtener un resultado similar a este
Como pueden ver funcionaron correctamente y nos trajeron los datos que solicitamos, veamos un ejemplo si lo ejecutamos desde nuestra computadora y no en un servidor
Observen como no nos devolvio un host porque este dato no existe en el protocolo file pero si nos trajo correctamente el resto, la propiedad que mas utilizaran sera href porque es la que nos permitira ir desde una pagina a la otra pero no se preocupen en proximos ejemplos lo veremos.
En resumen, hoy hemos visto el objeto location, su funcion principal, cuales son sus propiedades, sus metodos, cual es su utilizacion primaria, un ejemplo donde aplicamos algunas propiedades, espero les haya sido util sigueme en tumblr, Twitter o Facebook para recibir una notificacion cada vez que subo un nuevo post en este blog, nos vemos en el proximo post.
Tengo un Patreon donde podes acceder de manera exclusiva a material para este blog antes de ser publicado, sigue los pasos del link para saber como.
Tambien podes donar
Es para mantenimiento del sitio, gracias!
$1.50
El blog de Tinchicus 