ou autre méthode pour analyser une URL

Bonjour,

J'aimerais analyser l'url de ma page WEB. Si cette dernière est de la sorte :

http://toto.developpez.com/faq/ttu-new/?page=Introduction Il faudrait que je récupère

Code:

---

1 2	http://toto.developpez.com/faq/ttu-new/

---

.

Idem pour http://toto.developpez.com/faq/ttu-ew/?page=Introduction#DefinitionPerl6 et récupérer :
http://toto.developpez.com/faq/ttu-new/
La fonction location.search retourne bien ?page=Introduction#DefinitionPerl6 mais je souhaite avoir http://toto.developp...com/faq/ttu-new/ mais je ne trouve pas de fonction
Une idée, une regex ?

:merci:

si tu veux juste supprimer le search :

Code:

---

mon_url = location.href - location.search;

---

Salut!

Pourquoi ne pas faire

Code:

---

1 2	var url = window.location.href.replace(location.search)

---

?

Ou spliter l'url complète par le '?'

Code:

---

1 2	var url = window.location.href.split('?)[0];

---

Merci à tous, je vais essayer vos solutions.

Citation:

---

Envoyé par kimjoa

Salut!

Pourquoi ne pas faire

Code:

---

1 2	var url = window.location.href.replace(location.search)

---

?

---

Cette solution fonctionne bien, mais j'ai toujours un undefined en plus.

Code:

---

1 2	var url = window.location.href.replace(location.search) document.write(url);

---

Citation:

---

Envoyé par kimjoa

Ou spliter l'url complète par le '?'

Code:

---

1 2	var url = window.location.href.split('?)[0];

---

---

Pourquoi pas, mais dans ce cas, il faut que je gère le cas où mon URL serait de type http://tutu.developpez.com/tutu/ et dans ce cas, je dois obtenir en résultat la même adresse.

Salut djibril ;)

Une contribution intéressante : URI Scheme: URIBuilder.

Sinon, pour la solution proposée par kimjoa, il manque le paramètre replacement de la méthode replace :

Code:

---

var url = window.location.href.replace(location.search, '')

---

à laquelle il faut aussi ajouter la suppression de la partie hash :

Code:

---

var url = window.location.href.replace(location.search, '').replace(location.hash, '');

---

Et au passage, évite document.write() (voir : Comprendre document.write() en JavaScript), utilise plutôt console.log().

Citation:

---

Pourquoi pas, mais dans ce cas, il faut que je gère le cas où mon URL serait de type http://tutu.developpez.com/tutu/ et dans ce cas, je dois obtenir en résultat la même adresse.

---

ce qui est correct nan?

Code:

---

'http://tutu.developpez.com/tutu/'.split('?')[0] == 'http://tutu.developpez.com/tutu/'

---

ok. Pour le undefined un simple teste conditionnel devrait suffir

Code:

---

1 2	var url = location.search ? window.location.href.replace(location.search, '') : window.location

---

Pour le split ça devrait fonctionner même sans paramètres

Citation:

---

Sinon, pour la solution proposée par kimjoa, il manque le paramètre replacement de la méthode replace :

---

Oups, désolé :aie:

Merci pour ces précisions Bovino :ccool:, je vais lire cela attentivement.

Entre temps, j'avais également testé avec succès : var url2 = window.location.href.split('?')[0];Sinon, pour ton conseil au sujet de document.write(), il est à éviter catégoriquement ou uniquement lorsque l'on fait des tests ?

oups, désolé pour ma solution n'importe quoi ! j'ai tellement l'habitude de mettre des "+" entre les strings que j'avais oublié qu'on ne pouvait pas mettre de "-". :oops:

Merci à tous. J'ai maintenant trois solutions :aie: :

Code:

---

1 2 3 4 5 6 7 8

var url = window.location.href.replace(location.search, '') console.log(url);   var url2 = window.location.href.split('?')[0]; console.log(url2);   var url3 = window.location.href.replace(location.search, '').replace(location.hash, ''); console.log(url3);

---

:merci:

une 4ème ?

Code:

---

var url = location.protocol+'//'+location.host+location.pathname;

---

;)


note: dans les solutions proposées, j'aime beaucoup l'usage aléatoire de l'objet "window" (soit on le met, soit on le met pas, mais le mettre une fois sur deux dans la même ligne de code ça n'a juste aucun sens) :mrgreen:

Citation:

---

Envoyé par djibril

Sinon, pour ton conseil au sujet de document.write(), il est à éviter catégoriquement ou uniquement lorsque l'on fait des tests ?

---

En fait, il n'est pas forcément à éviter, il faut juste savoir ce qu'il fait et quand l'utiliser.

Pendant le chargement de la page, il écrira là où il se trouve, donc il est a placer directement quelques part dans l'architecture DOM de ta page :

Par exemple :

Code:

---

1 2 3

<div> <script>document.write('quelque chose');</script> </div>

---

Il faut donc éviter de le mettre dans des appels de fonctions qu'on appelle indirectement ou de l’exécuter ultérieurement au chargement de la page.

Car une fois la page écrite, il va réouvrir le document en écriture et pour ce faire, supprimer tout l'ancien contenu.

En général pour les tests qui affichent une ligne, je n'ai jamais eu de problème par contre(enfin, ça supprime le reste de ta page, entendons-nous bien), mais c'est vrai que pour prendre les bonnes habitudes tu peux utiliser la console à la place.

;)