L'objet URL

Découvrez ce qu'est un objet URL et comment l'utiliser

L'URL est un espace de noms utilisé pour héberger 2 méthodes statiques utilisées pour manipuler les URL à l'aide de Blobs:

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

Étant donné un objet blob, vous générez une URL vers celui-ci à l'aide duURL.createObjectURL()fonction:

const myURL = URL.createObjectURL(aBlob)

Une fois que vous avez l'URL du blob, vous pouvez la détruire de la mémoire en utilisant:

URL.revokeObjectURL(myURL)

En plus de cela, URL offre une fonctionnalité très différente grâce à son constructeur, qui peut être utilisé pour créer une URL. Vous pouvez l'appeler comme ceci:

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

À présentcurrentUrla un ensemble de propriétés que vous pouvez utiliser pour inspecter l'URL:

  • hashle fragment de hachage
  • hostle domaine + port
  • hostnamele domaine
  • hrefcontient l'URL entière
  • originschéma + domaine + port
  • password
  • pathname
  • port
  • protocol
  • search
  • searchParams
  • username

qui sont les parties habituelles d'une URL.

Vous pouvez modifier n'importe lequel de ceux-ci, sauforiginetsearchParamsqui sont en lecture seule, et génèrent une nouvelle chaîne d'URL en appelant letoString()méthode, ou en référençant lahrefbiens.

Téléchargez mon gratuitManuel du débutant JavaScript


Plus de didacticiels sur le navigateur: