Link to an anchor AND force reload current page

Question

When I click a link with an href=# the browser scrolls to the div instead of reloading the page. How can I force a reload?

To clarify, I do not want to just reload the page, but I want to reload the page AND go to the associated div designated with the #X. For example <a href=#153> should reload the page and go to that div.

All current questions in this regards talk about simply reloading the page; not reloading and redirecting to the div.

Yes, I am quite aware this is easily done with JavaScript. But with a task so simply, I'm sure there is a way of doing this without JavaScript.

`` might work for you without JavaScript. (And thank you for not preferring `javascript:` non-links.) — Ry-, Jul 04 '14 at 15:40
Well it was a duplicate *until* the asker mentioned having to redirect... — BoltClock, Jul 04 '14 at 16:15

score 6 · Answer 1 · answered Nov 15 '17 at 16:24

This worked for me:

<a href="?reload=1#153">Reload</a>

I used a trick. When you use the same address then page won't reload. But when you change address simply by adding fake param "reload=1" then page will be reloaded and navigated to specified anchor.

Btw. reloading with javascript can be tricky or misleading when you want to execute php script again with reload, cos javascript reloads only contents of page but php script is not executed.

score 3 · Answer 2 · answered Jul 04 '14 at 15:20

3

Add a reload..

<a href="javascript:void(0)" onclick="window.location.reload()">Reload</a>

answered Jul 04 '14 at 15:20

Amir Popovich

29,350
9
53
99

Amit Joki · Answer 3 · 2014-07-04T16:19:54.353

2

Like this:

<a href="javascript:location.href = location.href+'#153'">Reload</a>

edited Jul 04 '14 at 16:19

answered Jul 04 '14 at 15:20

Amit Joki

58,320
7
77
95

Except that this does not answer the question. – JasonMArcher Jul 04 '14 at 16:15
It doesn't answer the original question either: `Force a link with a hash href (href=#) to reload`. You dropped the hash href (anchor). – JasonMArcher Jul 04 '14 at 16:20
@JasonMArcher NOW IT DOES! – Amit Joki Jul 04 '14 at 16:20
Good. 987654321. :) – JasonMArcher Jul 04 '14 at 16:20

score 0 · Answer 4 · answered Feb 28 '18 at 08:13

0

try this, it worked for me

<a href="yourpagelink#yourhashtag" onclick="window.location.reload()">Reload Page</a>

answered Feb 28 '18 at 08:13

Shuhad zaman

3,156
32
32

2

This works, but is awkward because the page jumps to the hashtag location before reloading (Chrome). – TheKarateKid Apr 26 '18 at 18:18

Link to an anchor AND force reload current page

4 Answers4