Remove Anchor From Url - Add String To Url - And Append Anchor At The End Again

I'm searching for a jquery solution that converts the following URL: http://www.mysite.com/longpage.html#title3 into http://www.mysite.com/longpage.html?var=1#title3 Simply adding

Solution 1:

From what you're describing in your question, a simple replace will do the trick:

"http://www.mysite.com/longpage.html#title3".replace(/(#.+?)$/, '?var=1$1')

It's just plain JS because that's all that's needed.

Solution 2:

Try:

var href = window.location.href;
if(href.indexOf("#") > 0){
    href = href.split("#")[0] + "?var=1#" + href.split("#")[1];
    window.location.href = href;
}

DEMO here.

Solution 3:

For example

var urlParts = location.href.split("#");;
var newUrl = urlParts[0]+"?var="+someVar+(urlParts.length>1?"#"+urlParts[1]:"");

Solution 4:

Thanks to you all.

We implemented yet another solution that was suggested:

var url = $(this).attr('href'); 
var pos = url.indexOf('#');
if (pos != -1) {
        var newurl = url.substr(0,pos);
        var fragment = url.substr(pos, url.length - pos); 
}
else {
        var newurl = url;
        var fragment = ''; 
}

$(this).attr('href', newurl + '?var=1' + fragment);