El objeto URL

Descubra qué es un objeto URL y cómo usarlo

La URL es un espacio de nombres que se utiliza para alojar 2 métodos estáticos que se utilizan para manipular las URL mediante Blobs:

  • URL.createObjectURL()
  • URL.revokeObjectURL()

Dado un blob, genera una URL con elURL.createObjectURL()función:

const myURL = URL.createObjectURL(aBlob)

Una vez que tenga la URL de blob, puede destruirla de la memoria usando:

URL.revokeObjectURL(myURL)

Además de esto, URL ofrece una funcionalidad muy diferente a través de su constructor, que puede usarse para crear una URL. Puedes llamarlo así:

const currentUrl = new URL(window.location.href)

AhoracurrentUrltiene un conjunto de propiedades que puede usar para inspeccionar la URL:

  • hashel fragmento de hash
  • hostel dominio + puerto
  • hostnameel dominio
  • hrefcontiene la URL completa
  • originesquema + dominio + puerto
  • password
  • pathname
  • port
  • protocol
  • search
  • searchParams
  • username

que son las partes habituales de una URL.

Puede modificar cualquiera de ellos, exceptooriginysearchParamsque son de solo lectura y generan una nueva cadena de URL llamando altoString()método, o haciendo referencia alhrefpropiedad.


Más tutoriales de navegador: