How can I replace a window's URL hash with another response?

JavascriptJqueryHashReplaceAttr

Javascript Problem Overview

I am trying to change a hashed URL (document.location.hash) with the replace method, but it doesn't work.

$(function(){
 var anchor = document.location.hash;
 //this returns me a string value like '#categories'

  $('span').click(function(){

     $(window).attr('url').replace(anchor,'#food');
     //try to change current url.hash '#categories'
     //with another string, I stucked here.
  });

});

I dont want to change/refresh page, I just want to replace URL without any responses.

Note: I don't want to solve this with a href="#food" solution.

Javascript Solutions

Solution 1 - Javascript

Either use location or window.location instead of document.location as the latter is a non-standard.

window.location.hash = '#food';

This will replace the URL's hash with the value you set for it.

Reference

Solution 2 - Javascript

You may prefer the answer of this question.

The difference being that with history.replaceState() you don't scroll to the anchor, only replace it in the navigation bar. It's supported by all major browsers, source.

history.replaceState(undefined, undefined, "#hash_value")
Categories
Recommended Javascript Solutions
Recommended Jquery Solutions
Recommended Hash Solutions
Recommended Replace Solutions
Recommended Attr Solutions

Previous Solution:

Does Twitter Bootstrap include jQuery?

JqueryTwitter Bootstrap

Next Solution:

Forcing a long line of text (without spaces) to line break according to parent containers static width using CSS

Css

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionBarlas ApaydinView Question on Stackoverflow
Solution 1 - JavascriptFabrício MattéView Answer on Stackoverflow
Solution 2 - JavascriptarcView Answer on Stackoverflow