Tema 3.1.

Objetos Predefinidos

 Objetos Numéricos
 Objetos Alfanuméricos
 Objeto Date
Expresiones regulares
Modelos de Objetos del Navegador
 Tema 3.1.
Objetos Predefinidos

En JavaScript la mayoría de las cosas son objetos, desde características del núcleo de
JavaScript como strings o arrays hasta las APIs del navegador hechas en JavaScript

Un objeto es una colección de datos relacionados y/o funcionalidad que constan de:
• propiedades. Variables o valores y funciones, que se denominan
• métodos. Funcionalidad cuando están dentro de objetos
 Tema 3.1.
Objetos Predefinidos
Objetos Numéricos

• Objeto Boolean. Sirve para crear valores boleanos

– Se inicializa a false cuando no pasas ningún valor al constructor, o si pasas una
cadena vacía, el número 0 o la palabra false sin comillas.

– Se inicializa a true cuando recibe cualquier valor entrecomillado o cualquier

número distinto de 0.
var b1 = new Boolean()  false
var b2 = new Boolean(3)  true
var b3 = new Boolean(“Hola”)  true

• Objeto Number. Permite expresar cualquier valor como un número. En caso de que
la conversión no sea posible, se devuelve el valor NaN (Not a Number)

Number(“1.95”)  1.95
Number(“1,95”)  NaN
Number(true)  1
Number(“Hola”)  NaN
 Tema 3.1.
Objetos Predefinidos
Objetos Numéricos

• Objeto Math. Proporciona los mecanismos para realizar operaciones matemáticas

en Javascript.

PROPIEDADES MÉTODOS

E Const.de Euler (aprox 2,718) ó abs() valor absoluto de un número

base log neperianos
LN2 Log neperiano de 2
LN10 Log neperiano de 10
LOG2E Log en base 2 de E
LOG10E Log en base 10 de E
PI Número cálculo con círculos
SQRT1_2 Raiz cuadrada de un medio
SQRT2 Raiz cuadrada de 2
ceil() Entero igual o inmediatamente siguiente
exp() Elevar el número E por un número
floor() Entero igual o inmediatamente inferior
max() Retorna el mayor de 2 números
min() Retorna el menor de 2 números
pow() Recibe dos números y devuelve el
primero elevado al segundo
random() Devuelve un número aleatorio entre
0y1
round() Redondea al entero más próximo

….. Y otros métodos trigonométricos

 Tema 3.1.
Objetos Predefinidos
Objetos Alfabéticos

• Objeto String. Permite convertir cualquier valor en una cadena

String(“1.95”)  “1.95”
String(“1,95”)  “1,95”
String(true)  “true”
String(“Hola”)  “Hola”
String(NaN)  “NaN”

Métodos del objeto String:

Métodos de String
charAt(posición) Devuelve el carácter que ocupa esa posición
charCodeAt(posición) Variante que devuelve el código Unicode
toUpperCase) Devuelve la cadena en mayúsculas.
toLowerCase) Devuelve la cadena en minúsculas.

Nota: En los string, la primera posición es la 0

 Tema 3.1.
Objetos Predefinidos
Objetos Alfabéticos
Más métodos
indexOf(texto) Devuelve la posición del texto buscado.
Métodos del objeto String:Devuelve la posición de la última ocurrencia del texto.
lastindex0f(texto)
endsWith(textoABusca) Devuelve true si el texto finaliza con lo buscado.
startsWith(textoABusca) Devuelve true si el texto empieza con io buscado.
replace(txtAnt, txtNuevo) Reemplaza el texto buscado por un nuevo texto
Trim() Elimina los espacios en blanco del inicio y del fin
slice(inicio, fin) Extrae la cadena desde la posición inicio hasta la posición fin
(excepto fin)
substring(inicio,n) Devuelve una subcadena de una cadena original, desde la
posición inicio a la posición fin (excepto fin) (substr
deprecated)
split(delimitador) Rompe un string usando un carácter delimitador y construye
un array Con las piezas generadas.
 Tema 3.1.
Objetos Predefinidos
Objetos Alfabéticos
Ejemplo:

let cadena=“ Bolonia”;

console.log(“1” + cadena.charAt(1));
console.log(“2” + cadena.toUpperCase());
console.log(“3” + cadena.toLowerCase());
console.log(“4” + cadena.indexOf(“n”));
console.log(“5” + cadena.lastIndexOf(“o”));
console.log(“6” + cadena.replace(“B”,”C”));
console.log(“7” + cadena.trim());
console.log(“8” + cadena.slice(1,3));
console.log(“9” + cadena.substring(1,3));
console.log(“10” + cadena.split(o));
 Tema 3.1.
Objetos Predefinidos
Objetos Alfabéticos

Diferencias entre substring y slice:

Lo que tienen en común:
•Si inicio es igual fin: devuelve una cadena vacía.
•Si fin se omite: extrae caracteres hasta el final de la cadena.
•Si cualquiera de los argumentos es mayor que la longitud de la cadena, se
utilizará en su lugar la longitud de la cadena.
Distinciones de :substring()
•Si inicio > fin, entonces substring intercambiará esos 2 argumentos.
•Si cualquiera de los argumentos es negativo o lo es NaN, se trata como si lo
fuera 0.
Distinciones de :slice()
•Si inicio > fin, slice() devolverá la cadena vacía. ("").
•Si inicio es negativo: muestran los caracteres contando desde el funal de la
cadena
 Tema 3.1.
Objetos Predefinidos
Objeto Date
• Objeto Date. Los objetos Date representan un momento fijo en el tiempo,
que puede representarse en diferentes formatos. Una fecha en JavaScript se
especifica como el número de milisegundos que han transcurrido desde el 01-
01-1079 (UTC).
Date se puede crear de dos maneras distintas.
1. Crear el objeto con el día y hora actuales
miFecha = new Date()
2. Crearlo con un día y hora distintos a los actuales. el mes comienza por 0 (enero)
miFecha = new Date(año,mes,dia,hora,minutos,segundos)
miFecha = new Date(año,mes,dia)

MÉTODOS
getDate() Día del mes. setDate() Actualiza el día mes
getDay() Día de la semana setTime() Actualiza la fecha completa
getMonth() Mes setMonth() Cambia el mes
getHours() Hora setHours() Actualiza la hora
getMinutes() Minutos setMinutes() Cambia los minutos
getSeconds() Segundos setSeconds() Cambia los segundos
getFullYear() Año con todos los dígitos setFullYear() Cambia el año
 Tema 3.1.
Objetos Predefinidos
Objeto Date
Métodos del objeto Date

parse Analiza una cadena de fecha y devuelve el número de milisegundos desde 1 de

enero 1970
var hoy = new Date();
var hoyMilseg = Date.parse(hoy);

8548000
toString Convierte un objeto Date a una cadena
var fecha= new Date();
var cadena = fecha.toString();

Sun Oct 02 2016 21:31:52 GMT+0200 (Hora de verano romance)

toISOString Devolver un objeto Date como una cadena, usando el estándar ISO
var fecha= new Date();
var cadena = d.toISOString();

2016-10-02T19:35:27.823Z
 Tema 3.1.
Objetos Predefinidos
Objeto Date

PRÁCTICA

1. Obtener la fecha actual según el formato por defecto y formatearla con la

siguiente expresión

La fecha de hoy es: día de mes del año

 Tema 3.1.
Objetos Predefinidos
Expresiones regulares
Una expresión regular es un patrón que se utiliza para buscar cpoincidencias en las
cadenas detexto, de manera que puedan resolverse tareas frecuentes como la
validación de datos.

Se pueden construir expresiones regulares de dos formas:

• Usando una expresión regular literal (las barras delimitan la expresión):
let erLiteral=/[0-9]/;
• Llamando a la función constructora del objeto RegExp:
let erObjeto=new RegExp(‘[0-9]’);

Con las expresiones anteriores se validarán todas las cadenas que contengan algún
número, como ‘101 Dálmatas’ ó ‘786’.

La manera de comprobar si una cadena cumple con los criterios de un patrón

establecido en una expresión regular es a través del método test()-> recibe como
parámetro la cadena a comprobar y devuelve true encaso de superar la validación:
let expresión=new RegExp(‘[0-9]’);
Console.log(expresión.test(“a”)
 Tema 3.1.
Objetos Predefinidos
Expresiones regulares

Modificador i
Cuando al validar letras del alfabeto no se desea distinguir entre
mayúsculas y minúsculas:
let er=/a/;
console.log(er.test("pizza")); // Escribe true
console.log(er.test("TACO")); // Escribe false
let er2=/a/i;
console.log(er2.test("'pizza")); // Escribe true
console.log(er2.test(" TACO")); // Escribe true

Modificador ^
Fuerza que la cadena empiece por el carácter inmediatamente posterior
let er = /^a/;
console.log(er.test("pizza")); // Escribe false
console.log(er.test("TACO")); // Escribe false
console.log(er.test("armario")); // Escribe true
 Tema 3.1.
Objetos Predefinidos
Expresiones regulares
Modificador $
El símbolo del dólar, $, fuerza a que la cadena termine por el carácter inmediatamente
anterior:
let er = /pon$/;
console.log(er.test("ponderado")); //Escribe false
console.log(er.test("posicion")); // Escribe false
console.log(er.test("tapon")); // Escribe true
Modificador .
El símbolo del punto representa un carácter cualquiera:
let er = /ar.on/;
console.log(er.test("arcon")); // Escribe true
console.log(er.test("arpon")); // Escribe true
console.log(er.test("Aaron")); // Escribe false
Modificador []
Establecen caracteres opcionales. La expresión la cumpliría cualquier cadena que contenga
alguno de los elementos indicados entre corchetes:
let er = /[aeiou]/;
console.log(er.test("SOs")); // Escribe false
console.log(er.test("col")); // Escribe true
console.log(er.test("Pfff!")); //Escribe false
 Tema 3.1.
Objetos Predefinidos
Expresiones regulares
Modificador [^expresión]
Indica un carácter no permitido. Por ejemplo, la siguiente expresión significa que solo
se validarán las cadenas que no sean completamente numéricas:

let er =/[^0-9]/;
console.log(er.test("cabo")); // Escribe true
console.log(er.test("526")); // Escribe false
console.log(er.test("bueno"));// Escribe true
console.log(er.test("'p4sswOrd"));// Escribe true
 Tema 3.1.
Objetos Predefinidos
Expresiones regulares
Modificadores de cardinalidad
Se trata de símbolos que permiten configurar repeticiones de expresiones
Metodo Utilidad
exp? Halla ninguna o una vez el elemento exp. Por ejemplo, /a?sa?/ coincide con «as
en <pecas» y «asa» en «casados».
Si se usa inmediatamente después de cualquiera de los cuantificadores *, +,?,
o {}, hace que el cuantificador no sea maximalista (es decir, que coincida
el mínimo número de veces), a diferencia del predeterminado, que es maximalista
(coincide con el máximo número de veces).
exp* Concuerda cero o más veces con el elemento exp.
Por ejemplo, /ho*/ coincide con «muchoooo» en <tace muchoooo calor> y «h
en «El vehículo está ardiendo», pero nada en “Para de ladrar”
exp+ Encuentra una o más veces el elemento exp, equivalente a {1,}.
Por ejemplo, /r+/ coincide con la letra «r» en «Brody» y con todas las letras «>
en <Brrrrrr! >».
exp{n} Donde n es un número entero positivo, concuerda exactamente con n apariciones
del elemento exp.
Por ejemplo, /r{2}/ no coincide con la «r» de «Brody, pero coincide con todas
las «> de «carro» y las dos primeras «» en <Brrrrrr!».
 Tema 3.1.
Objetos Predefinidos
Expresiones regulares
Metodo Utilidad
exp{n,} Donde n es un número entero positivo, concuerda con al menos n apariciones
del elemento exp.
Por ejemplo, /a{2,}/ no coincide con las «a» en «maracaná-, pero coincide
Con todas las «a» en <maamaa» y en <caaaaaaaraaaamelo».
exp{n,m) Donde n es 0 o un número entero positivo, m es un número entero positivo y m>n coincide con al
menos n y como máximo m apariciones del elemento exp.
Por ejemplo, /e{1,3}/ no coincide con nada en «castaña, la «e en «mesa,
las dos «e» en <peero» y las tres primeras «e» en «seeeeeguro.

Modificador ()
Permiten agrupar expresiones, aumentando la complejidad del patrón. Ej: para validar una
cadena del tipo “maria#5jorge#9”, habría que indicarle que el patrón es una cadena de 5
letras, de la a a la z, después el símbolo #, después un número de «O a 9, y después
repetir lo anterior. Toca la expresión que va entre paréntesis es lo que debería repetirse:

let er = /([a-z]{5}#[0-9]){2}/;
console.log(er.test("maria#5jorge#9"));
console.log(er.test("maria#5jorge#"));
 Tema 3.1.
Objetos Predefinidos
Expresiones regulares
Modificador |
Indica una opción, es decir, valida lo que está a su izquierda o lo que está a su derecha. Por
ejemplo, para validar un teléfono móvil en España (nueve dígitos que deben comenzar por
6, 7 u 8):
let er = /(6|7|8)([0-9]{8})/;
console.log(er.test("615833678")); // Escribe true
console.log(er.test("715833678")); // Escribe true
console.log(er.test("815833678")); // Escribe true
console.log(er.test("515833678")); // Escribe false
console.log(er.test("915833678")); // Escribe false
console.log(er.test("61583678")); // Escribe false
Modificadores abreviados
Se trata de un conjunto de símbolos a los que precede la barra invertida, que funcionan
muy bien con Unicode y permiten escribir expresiones de una forma mas ágil :
 Tema 3.1.
Objetos Predefinidos
Expresiones regulares
Símbolo Utilidad
\d Cualquier digito numérico.
\D Cualquier carácter salvo los dígitos numéricos.
\s Espacio en blanco.
\S Cualquier carácter salvo el espacio en blanco.
\w Cualquier carácter alfanumérico: [a-zA-Z0-9].
\W Cualquier carácter que no sea alfanumérico: [^a-zA-Z0-9].
\0 Carácter nulo.
\n Carácter de nueva línea.
\t Carácter tabulador.
\\ El símbolo \.
\” Comillas dobles.
\’ Comillas simples.
\c Escapa el carácter c.
\000 Carácter Unicode empleando la notación octal.
\xff Carácter ASCII empleando la notación hexadecimal.
\ufff Carácter Unicode empleando la notación hexadecimal.
 Tema 3.1.
Objetos Predefinidos
Expresiones regulares
Método exec()
Se utiliza para realizar la búsqueda de las coincidencias de una expresión regular en
una cadena específica, devolviendo un array en caso de éxito o null en caso contrario.
Es una alternativa más potente que test(), y muestra más información de las
coincidencias.
Ejemplo
i: da igual mayusc que minusc y g: de global
let ex=/sendero\s(arenoso).+?noche/ig;
let res=ex.exec(‘El sendero arenoso de noche puede ser peligroso’);
console.log(res);
 Tema 3.1.
Objetos Predefinidos
Expresiones regulares

PRÁCTICA

Crea una función que, haciendo uso de expresiones regulares, permita

validar el formato de una dirección de correo electrónico. Estas son la
normas de validación:
• El carácter @ es obligatorio: separa la primera de la segunda parte
• La primera parte:
• Acepta letras minúsculas y mayúsculas, caracteres numéricos
y los caracteres especiales # * +& ‘ ! % @ ? { ^ } “ .
• Acepta los caracteres punto (.) que se deseen, siempre que no
sean ni el primero ni el último, y siempre que no vayan
seguidos
• La segunda parte acepta puntos, dígitos, guiones y letras.
 Tema 3.1.
Objetos Predefinidos
Modelos de objetos del navegador

Browser Object Model o BOM. Permite acceder y modificar las propiedades de las
ventanas del propio navegador.
Mediante BOM, es posible redimensionar y mover la ventana del navegador, modificar el
texto que se muestra en la barra de estado y realizar muchas otras manipulaciones no
relacionadas con el contenido de la página HTML.
⁻ Window
⁻ Navigator
⁻ Screen
⁻ History
⁻ Location
 Tema 3.1.
Objetos Predefinidos
Modelos de objetos del navegador
Nos permiten controlar diferentes características del navegador, como crear ventanas o
mensajes en la barra de estado

BOM (Modelo de Objeto del Navegador-Browser-)

window

navigator screen document history location

anchor link

html body
Los objetos se encuentran en todos los navegadores y su función es idéntica
 Tema 3.1.
Objetos Predefinidos
Modelos de objetos del navegador
Objeto Window
• Es la mayor posición jerárquica.
• Su función es la de representar la instancia del navegador.
• Con éste objeto podemos gestionar la ventana del navegador.
• Se considera un objeto implícito –no es necesario nombrarlo para acceder a los
objetos que dependen de él-
• Objeto global. Cualquier variable global puede ser accedida gestionándola como
propiedad del objeto window.

var texto="Variable global";

var variable = window.texto;

Tipos de ventanas:
• Permiten la interacción con el usuario
• Tipos de ventanas de dialogo:
⁻ Modales. Fuerza la interacción con el usuario.
⁻ No modales. Podemos minimizarla sin respuesta y continuar con el flujo de
ejecución.
 Tema 3.1.
Objetos Predefinidos
Modelos de objetos del navegador
Objeto Window. Navegación de ventanas
Permite abrir nuevas ventanas, crear ventanas modales, volver hacia atrás o ir hacia otra
localización.
MÉTODOS

open  permite abrir una nueva ventana y cargarla en el documento actual

window.open(URL,name,specs,replace)
"_self“ en la misma ventana
"_blaNk“ en una nueva ventana

close  Cierra la ventana

alert  Visto en el tema 2.1
confirm  Visto en el tema 2.1
prompt  Visto en el tema 2.1

PROPIEDADES

innerWidth, innerHeight  Devuelve el ancho y alto de la ventana

 Tema 3.1.
Objetos Predefinidos
Modelos de objetos del navegador
Objeto Window
Propiedad Descripción
closed Indica si la ventana está cerrada o no
document Corresponde al documento actual de la ventana
frames Conjunto de marcos de la ventana
length Número de frames de la ventana
name …. Nombre de la ventana
defaultStatus Contenido a mostrar en la barra de estado
moveTo(valorx, Mueve la ventana a una posición
valory)
resizeBy(valorx, Redimensiona una ventana en valores relativos
valory)
resizeTo(valorx, Redimensiona una ventana en valores absolutos
valory)
let ancho=window.innerWidth;
Ejemplo: let alto=window.innerHeight;
console.log(ancho+"x"+alto);
 Tema 3.1.
Objetos Predefinidos
Modelos de objetos del navegador
Objeto Window
Métodos Descripción
alert() Genera un cuadro de diálogo con un mensaje y un botón aceptar
back() Regresa a la página anterior según el historial
close() …. Cierra una página
setInterval(función, Llama a una función en intervalos específicos(milisegundos) hasta que
milisegundos) se cierra la ventana o se ejecuta clearInterval(). SetInterval puede
devolver identificador del intervalo.
setTimeout(callback, Fija un temporizador en segundos, y cuando termina se ejecuta una
milisegundos) función. Se puede para con clearTimeout(). SetTimeout puede devolver
identificador del intervalo.
 Tema 3.1.
Objetos Predefinidos
Modelos de objetos del navegador
Ejemplo setTimeout()

let t1=new Date();

console.log(t1.getHours()+"-"+t1.getMinutes()+"-"+t1.getSeconds());
window.setTimeout(()=>{
let t2=new Date();
console.log(t2.getHours()+"-"+t2.getMinutes()+"-"+t2.getSeconds());
},5000);

Si en un momento quiero hacer referencia a un temporizador creado, puedo

hacer referencia a él con el identificador que me devuelve. En este caso el
temposizador nunca se ejecutará.
let t1=new Date();
console.log(t1.getHours()+"-"+t1.getMinutes()+"-"+t1.getSeconds());
identificador=window.setTimeout(()=>{
let t2=new Date();
console.log(t2.getHours()+"-"+t2.getMinutes()+"-"+t2.getSeconds());
},5000);
clearTimeout(identificador);
console.log("programa terminado");
 Tema 3.1.
Objetos Predefinidos
Modelos de objetos del navegador
Ejemplo setInterval()

let t1=new Date();

console.log(t1.getHours()+"-"+t1.getMinutes()+"-"+t1.getSeconds());
identificador=window.setInterval(()=>{
let t2=new Date();
console.log(t2.getHours()+"-"+t2.getMinutes()+"-"+t2.getSeconds());
},5000);
console.log("programa terminado");

El intervalo se ejecutará indefinidamente, hasta que no ejecute clearInterval.

 Tema 3.1.
Objetos Predefinidos
Modelos de objetos del navegador
Objeto Window
PRÁCTICA

Hacer una página que muestre en la barra de estado la hora de hoy con el
formato hora:minuto:segundo. Conseguir que se actualice cada 1000
milisegundos. Además, incluir unos botones que permitan:
• Cerrar la ventana.
• Mover la ventana a la posición 300,300 de la pantalla.
• Cambiar el tamaño de la ventana a 200x200 pixeles
 Tema 3.1.
Objetos Predefinidos
Modelos de objetos del navegador
Objeto Navigator
Podremos acceder a información acerca del navegador que está utilizando el usuario
para ver la página
Propiedad Descripción
clipboard Devuelve un objeto para trabajar con el portapapeles
cookieEnabled Devuelve true si las cookies están habilitadas
geolocation Devuelve un objeto con la localización del usuario
languaje Devuelve el idioma del navegador
Storage Devuelve true si el navegador está online
userAgent Devuelve información completa sobre navegador del usuario
 Tema 3.1.
Objetos Predefinidos
Modelos de objetos del navegador
Objeto Navigator
let info="clipboard: "+navigator.clipboard+"\n";
info+="cookieenabled:
"+navigator.cookieEnabled+"\n";
info+="geolocation: "+navigator.geolocation+"\n";
info+="language: "+navigator.language+"\n";
info+="online: "+navigator.onLine+"\n";
info+="plugins: "+navigator.plugins+"\n";
info+="storage: "+navigator.storage+"\n";
info+="userAgent: "+navigator.userAgent+"\n";
console.log(info);
 Tema 3.1.
Objetos Predefinidos
Modelos de objetos del navegador
Objeto Screen
Corresponde a la pantalla utilizada por el usuario. Todas sus propiedades son de lectura.

Propiedad Descripción
availHeight Altura de la pantalla, en píxeles
availWidth Anchura de la pantalla, en píxeles
colorDepth Devuelve la profundidad de color de la pantalla
height Altura completa de la pantalla del usuario
pixelDepth Devuelve la profundidad de bits de la pantalla
width Anchura completa de la pantalla del usuario
orientation Devuelve un objeto con información de la orientación de la
pantalla. Es una propiedad experimental, que puede ver
modificado su funcionamiento en el futuro.
 Tema 3.1.
Objetos Predefinidos
Modelos de objetos del navegador
Objeto Screen
with(screen){
alert("ancho: "+width+"\n"+
"ancho libre: "+availWidth +"\n"+
"alto: "+height+"\n"+
"alto libre: "+availHeight+"\n"+
"color: :"+colorDepth+"\n"+
"orientacion: "+orientation+"\n"+
"orientacion tipo: "+orientation.type);
};
 Tema 3.1.
Objetos Predefinidos
Modelos de objetos del navegador
Objeto Document
Cuando visualizamos una página web todos sus objetos visualizados quedan representados
y accesible para nuestro código dentro del objeto document
Objetos Descripción
anchors …. Se trata de un array con todas las anclas del documento.

Propiedad Descripción
title Título del documento que aparece en la parte superior izquierda de
la ventana del navegador
URL …. Devuelve el URL del documento actual. Es lo mismo que la propiedad
location.href
Métodos Descripción
write(texto), writein(texto) Escribe texto HTML en un documento. Writein añade al final
un salto de línea <BR>
open () …. Permite escribir sobre el documento
 Tema 3.1.
Objetos Predefinidos
Modelos de objetos del navegador
Objeto Document
El objeto document es el que tiene el contenido de toda la página que se está
visualizando. Esto incluye el texto, imágenes, enlaces, formularios, ...

<script type=“text/javascript”>
with(document){
alert(
"domain: "+domain +"\n"+
"lastModified: "+ lastModified +"\n"+
"URL: "+URL);
};
</script>

document
 Tema 3.1.
Objetos Predefinidos
Modelos de objetos del navegador
Objeto History
Objeto destinado a almacenar el historial de páginas visitadas. Su utilidad más
interesante reside en el método go(), que permite moverse por el historial. Así go(-1) es
equivalente a back() y go(1) a forward().
 Tema 3.1.
Objetos Predefinidos
Modelos de objetos del navegador
Objeto Location
Permite conocer información sobre el documento actualmente cargado en el navegador
y consultar las diferentes partes que forman una URL (dominio, protocolo, puerto)
Propiedades Descripción
href Devuelve el URL completo. Se permite modificar el valor de href:
console.log(location.href);
location.href="https://www.google.es";
hash Obtiene # seguido del marcador indicado en la URL. Ej: si la url es
https://www.miweb.es/prueba#ancla devolvería #ancla
host Devuelve la cadena formada por nombrehost:puerto de la URL
hostname Devuelve dominio de la URL. Por ejemplo miweb.es
pathname Devuelve la ruta que se sigue dentro del servidor web hasta alcanzar
la página actual
port Almacena el número de puerto de la URL

protocol Captura el esquema del protocolo de la URL, con :. Ejemplo http: