Change URL without reloading page using Javascript

This will be possible if your browser supports HTML5. You can do that by below small code.

var title = 'Your Title',
    url   = 'https://yoursite.url';
if (typeof (history.pushState) != "undefined") {
    var obj = { Title: title, Url: url };
    history.pushState(obj, obj.Title, obj.Url);
}

You can remove a title from the object ( `obj` ) if you don’t want to change the page title. In that case, the second parameter in pushstate function will be blank. like below:

history.pushState(obj, '', obj.Url);

That’s it

Leave a Reply