Javascript redirect to hash from base url

Question

The following is not working (I just get a reload):

            location.host += "/#settings";
            location.reload();

How do I tell JS to navigate to a URL based on the existing url and totally reload that page (not just append the hash)?

This also does not work:

             window.location.href = "/#settings";

My base url is "http://localhost:sss/pricing"

I want to redirect to "http://localhost:sss/#settings" with a reload.

I don't want to type localhost anywhere.

Even this gives me settings#lol:

            var desiredBase = window.location.protocol + "//" + window.location.host + "/";
            var path = '#lol';
            window.location.href = desiredBase + path;
            location.reload();

http://stackoverflow.com/questions/1226714/how-to-get-browser-to-navigate-to-url-in-javascript — VSO, Apr 25 '17 at 19:53
Hey, try the function they wrote here: http://stackoverflow.com/questions/25203124/how-to-get-base-url-with-jquery-or-javascript — VSO, Apr 25 '17 at 20:21

score 0 · Answer 1 · edited May 23 '17 at 12:34

0

Yet another edit, stole base url code from here: How to get base url with jquery or javascript?

<html>

  <body>
    <h1>Hello Plunker!</h1>
    <script>
      (function(){
        var getUrl = window.location;
        var desiredBase = getUrl.protocol + "//" + getUrl.host + "/" + getUrl.pathname.split('/')[1];
        var path = `#lol`;      
        window.location.href = desiredBase + path; 
        location.reload();
      })();
    </script>
  </body>

</html>

This is reloading the page locally after appending. Try it.

Edit: I see the issue with not getting the base url with href, working on it, hold on.

edited May 23 '17 at 12:34

Community

1
1

answered Apr 25 '17 at 20:00

VSO

11,546
25
99
187

1

You're making an assumption that I want to set my base url in code - I don't. – SB2055 Apr 25 '17 at 20:03
@SB2055 All good, didn't assume that you did. Maybe the other guy thinks I downvoted him. I am not sure I am following. Do you want to detect current url and append #whatever to it? – VSO Apr 25 '17 at 20:06
Thanks for continuing to help. I've updated the question with an example where this doesn't work. – SB2055 Apr 25 '17 at 20:11
@SB2055: Try that after the edit, seems to be working for me. – VSO Apr 25 '17 at 20:12
1

Updated question again with what happens when I try this. – SB2055 Apr 25 '17 at 20:15
@SB2055 The risks of assumptions... ;) – spender Apr 25 '17 at 22:58
@spender get a life ;) – SB2055 Apr 26 '17 at 00:09

score -1 · Answer 2 · answered Apr 25 '17 at 19:57

-1

Try this

location.href += "/#settings";
location.reload();

answered Apr 25 '17 at 19:57

Vololodymyr

1,996
5
26
45

score -2 · Answer 3 · answered Apr 25 '17 at 20:11

-2

You can try something like this :

location.hash = "settings";

This sets part after "#" in the URL

then do: location.reload(); and it should fix the issue

Let me know if it works

Thanks

answered Apr 25 '17 at 20:11

Raghav Sharma

1

Javascript redirect to hash from base url

3 Answers3