如何在不重新加载的情况下更改浏览器栏网址

Question

I have a website that generates the following URL on the home page in the browser bar:

http://example.com/int/bdf/eng/

I want change it to the following without reloading the page:

http://example.com

Is there an IE8+ solution available?

i know about window.history.pushState("", "", ""); but how to use it? Or would it be better to use a htaccess file?

Answer 1

According to the W3C standards you can use the location hash property.

For an example URL like this:

http://www.example.com/test.htm#part2

The location.hash value would be: "#part2" and here is a JSFiddle that shows you how you can use that.