Change URL without reloading page using Javascript

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