javascript window location href sans hash ?

Question

Je l'ai fait :

var uri = window.location.href;

Cela permet http://example.com/something#hash

Quel est le meilleur et le plus simple moyen d'obtenir le chemin entier sans le #hash ?

uri    = http://example.com/something#hash
nohash = http://example.com/something

J'ai essayé d'utiliser location.origin+location.pathname qui ne fonctionne pas dans tous les navigateurs. J'ai essayé d'utiliser location.protocol+'//'+location.host+location.pathname ce qui me semble être une solution plutôt minable.

Quel est le moyen le plus simple et le plus efficace de le faire ? Peut-être que je demande location.hash et que j'essaie de substr() ceci à partir de l'uri ?

Answer 1

location.protocol+'//'+location.host+location.pathname est la syntaxe correcte si vous ne vous souciez pas du numéro de port ou de la chaîne de requête.

Si vous vous en souciez :

https://developer.mozilla.org/en/DOM/window.location

location.protocol+'//'+
  location.host+
  location.pathname+
 (location.search?location.search:"")

ou

location.protocol+'//'+
  location.hostname+
 (location.port?":"+location.port:"")+
  location.pathname+
 (location.search?location.search:"")

Vous pouvez aussi simplement faire un location.href.replace(location.hash,"")

Vous pouvez également créer un Objet URL :

const url = new URL("https://www.somepage.com/page.hmtl#anchor") //(location.href);
console.log(url)
url.hash="";
console.log(url)

Answer 2

var uri = window.location.href.split("#")[0];

// Returns http://example.com/something

var hash = window.location.hash;

// Returns #hash

Answer 3

location.href.replace(location.hash,"")

Answer 4

La voie universelle est-elle aussi la plus petite ?

location.href.split(/\?|#/)[0]

Answer 5

Des solutions plus courtes :

• sans chaîne de requête et sans hachage location.href.split(location.search||location.hash||/[?#]/)[0]

• seulement sans hachage location.href.split(location.hash||"#")[0]

(J'utilise généralement le premier)