Discussion :

[djibril]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ?

[Willpower]

si tu veux juste supprimer le search :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

mon_url = location.href - location.search;

[kimjoa]

Salut!

Pourquoi ne pas faire

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

?

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[djibril]

Merci à tous, je vais essayer vos solutions.

[djibril]

Salut!

Pourquoi ne pas faire

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

?

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[Bovino]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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().

[Invité]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[kimjoa]

ok. Pour le undefined un simple teste conditionnel devrait suffir

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

Oups, désolé

[djibril]

Merci pour ces précisions Bovino , 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 ?

[Willpower]

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 "-".

[djibril]

Merci à tous. J'ai maintenant trois solutions :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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);

[Willpower]

une 4ème ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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)

[Willpower]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.