How to remove the hash from [removed] (URL) with JavaScript without page refresh?

前端 未结 16 3076
无人及你
无人及你 2020-11-22 02:53

I have URL like: http://example.com#something, how do I remove #something, without causing the page to refresh?

I attempted the following

16条回答
  •  误落风尘
    2020-11-22 03:16

    How about the following?

    window.location.hash=' '

    Please note that am setting the hash to a single space and not an empty string.


    Setting the hash to an invalid anchor does not cause a refresh either. Such as,

    window.location.hash='invalidtag'

    But, I find above solution to be misleading. This seems to indicate that there is an anchor on the given position with the given name although there isn't one. At the same time, using an empty string causes page to move to the top which can be unacceptable at times. Using a space also ensures that whenever the URL is copied and bookmarked and visited again, the page will usually be at the top and the space will be ignored.

    And, hey, this is my first answer on StackOverflow. Hope someone finds it useful and it matches the community standards.

提交回复
热议问题