Existe-t-il un moyen JavaScript simple de manipuler des URL arbitraires?

Question

Existe-t-il un moyen de gérer facilement les URL de manipulation en JavaScript?

Un peu de contexte:

Je veux utiliser ThickBox, la boîte popup modale jQuery populaire, mais discrètement. Selon la documentation ThickBox je dois donner tous les liens que je veux être en modal une classe CSS de « thickbox » et changer l'URL ...

http://www.mysite.com/mypopup

... à:

http://www.mysite.com/mypopup?height=200&width=300

Je veux que cela se produise seulement si JavaScript est activé. Donc, j'obtiens tous les liens en utilisant jQuery et "hack" une détection pour le '?' caractère dans l'URL, en ajoutant "& hauteur ..." ou "? hauteur ..." en conséquence.

Dans le plus grand des cas, cela pourrait brouiller les choses si l'URL a déjà un paramètre "height", auquel cas je pourrais juste vouloir mettre à jour l'existant plutôt que d'en donner deux.

Tout sent un peu. J'ai l'impression de pirater le code qui peut/doit avoir été fait correctement une fois déjà!

Ma question est la suivante:

Y at-il quelque chose dans le monde JavaScript (plugin ou non) qui me permettrait de quelque chose comme ceci:

var url = Url(elm.attr("href")); 
url.parameter("width", "300"); 
url.parameter("height", "200"); 
elm.attr("href", url.toString()) 

Ou:

var height = Url(elm.attr("href")).parameter("height"); 

Answer 1

Cette fonction fait cela, il suffit de l'appeler sur la page de l'URL que vous voulez analyser:

function gup(name) 
{ 
    name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]"); 
    var regexS = "[\\?&]"+name+"=([^&#]*)"; 
    var regex = new RegExp(regexS); 
    var results = regex.exec(window.location.href); 
    if(results == null) 
    return ""; 
    else 
    return results[1]; 
} 

//for the URL http://www.mysite.com/mypopup?height=200&width=300 

var height = gup('height'); 
var width = gup('width'); 
alert('Height: ' + height + ' Width: ' + width); 

EDIT: Je ne sais pas comment cela utile d'utiliser (car il utilise Prototype.js) mais cela est pour la lecture et la modification de la chaîne de requête:

http://code.nontalk.com/2006/10/readmodify-querystring-variables-with.html

Answer 2

Oui. L'objet location en javascript a quite a lot of properties.

Pour votre question: location.search = "width=300"; appliquerait "? Width = 300" à votre url.

Answer 3

Vous pouvez probablement faire en utilisant jQuery, à savoir

$(".thickbox").each(function() { 
    this.href += "?height=200&width=300"; 
}); 

Je n'ai pas testé cela et il peut-être tort, je ne suis pas en mesure de le tester pour le moment mais nous espérons qu'il va pointez-vous dans la bonne direction si rien d'autre. Si vous avez jQuery pour Thickbox alors vous pouvez aussi bien l'exploiter pour la manipulation;)