后退按钮重写以重定向回到新位置

Question

I have a situation where I want to rewrite the back history for example I ma at my page

http://mysite.com

and I go to another page by clicking a link

http://mysite.com/sports

Now when I click back, I want to be able to have a parameter appended to the url so by click back the users will actually need to go here http://mysite.com?backfrom=sports Now I know that html5 has apis that I can use but for some reason its not for me on my http://mysite.com/sports javascript I add this

<script>
 history.replaceState(null, null, "?backfrom=sports");
</script>

but that just change the url and when I click the back button, I still end up at http://mysite.com

What can I do to change the history in a way that when I click back button it includes the parameters. I think there is onpopstate but I am not sure how can I make use of it.

Answer 1

I think of a possible solution which could be to add the script in the index page of http://mysite.com like this

<script>

$('body').on('click','.mylink', changehistory);

function changehistory(){

  history.pushState(null,null,'?backfrom=sports');

}

</script>

this will fake the url and now when I click back from

http://mysite.com/sports

I get back to

 http://mysite.com?backfrom=sports

Thought I would share thanks