Link to reload current page

HtmlHyperlink

Html Problem Overview


Is it possible to have a normal link pointing to the current location?

I have currently found 2 solutions, but one of them includes JavaScript and in the other you have to know the absolute path to the page:

<a href="#" onclick="window.location.reload(true);">1</a>
<a href="/foobar/">2</a>
<a href="#">3 (of course not working)</a>

Is there any way of doing this, without using JavaScript or knowing the absolute path?

Html Solutions


Solution 1 - Html

I have been using:

<a href=".">link</a>

Have yet to find a case and/or browser where it does not work as intended.

Period means the current path. You can also use .. to refer to the folder above the current path, for instance, if you have this file structure:

page1.html
folder1
    page2.html

You can then in page2.html write:

<a href="../page1.html">link to page 1</a>

EDIT:

I'm not sure if the behaviour has changed or if it was always like this, but Chrome (and maybe others) will treat periods as described above as regarding directories, not files. This means that if you are at http://example.com/foo/bar.html you are really in the directory /foo/ and a href value of . in bar.html will refer to /foo/ rather than bar.html

Think of it as navigating the file system in a terminal; you can never cd into a file :)

EDIT 2:

It seems like the behaviour of using href="." is not as predictable anymore, both Firefox and Chrome might have changed how they handle these. I wouldn't rely entirely on my original answer, but rather try both the empty string and the period in different browsers for your specific use and make sure you get the desired behaviour.

Solution 2 - Html

None of the other answers will preseve any querystring values. Try

<a href="javascript:window.location.href=window.location.href">

Admittedly this does involve javascript but, unless your users have script disabled, this is pretty straightforward.

Solution 3 - Html

One way using JavaScript:

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

Solution 4 - Html

You could do this: <a href="">This page</a>

but I don't think it preserves GET and POST data.

Solution 5 - Html

Here is a method that works in PHP:

<a href="<?php echo $_SERVER["REQUEST_URI"]; ?>">Click me</a>

Solution 6 - Html

use this for reload / refresh current page

<a href="#" onclick="window.location.reload(true);">

or use

<a href="">refresh</a>

Solution 7 - Html

<a href=".">refresh current page</a>

or if you want to pass parameters:

<a href=".?curreny='usd'">refresh current page</a>

Solution 8 - Html

<a href="/">Clicking me refreshes the page</a>

<a href="?">Click Me To Reload the page</a>

Solution 9 - Html

There is no global way of doing this unfortunately with only HTML. You can try doing <a href="">test</a> however it only works in some browsers.

Solution 10 - Html

Completely idempotent url that preserves path, parameters, and anchor.

 <a href="javascript:"> click me </a>

it only uses a little tiny bit of JS.

EDIT: this does not reload the page. It is a link that does nothing.

Solution 11 - Html

While the accepted answer didn't work for me in IE9, this did:

<a href="?">link</a>

Solution 12 - Html

<a href="">Refresh!</a>

Leave the href="" blank and it will refresh the page.
Also works if some info is passed using forms.

Solution 13 - Html

try This

<a href="javascript:window.location.href=window.location.href">

Solution 14 - Html

For me, the answers previously provided here, were opening a new tab/window (probably because of my browser settings). But i wanted to reload/refresh on the same page. So, the above solutions did not work for me.

However, the good news is, the following (either of two) worked for me.

  1. <a onclick="javascript:window.location.reload();"> refresh</a>
  2. <a onclick="window.location.href=this">refresh</a>

Solution 15 - Html

One more solution

<a href="javascript:history.go(0)">Reload</a>

Solution 16 - Html

I use JS to show only the div with a specific id in the tags page in a jekyll site. With a set of links in the same page, you show the corresponding element:

function hide_others() {
    $('div.item').hide();
    selected = location.hash.slice(1);
    if (selected) {
        $('#' + selected).show();
    }
    else {
	$('div.item').show();
    }
}

links use links like:

<a href="javascript:window.location.href='/tags.html#{{ tag[0] }}-ref'; hide_others()">{{ tag[0] }}</a>

Solution 17 - Html

You can use a form to do a POST to the same URL.

 <form  method="POST" name="refresh" id="refresh">
 <input type="submit" value="Refresh" />
 </form>

This gives you a button that refreshes the current page. It is a bit annoying because if the user presses the browser refresh button, they will get a do you want to resubmit the form message.

Solution 18 - Html

I AM USING HTML TO SOLVE THIS PROBLEM
Use:

<a href="page1.html"> Link </a>

*page1.html -> type the name of the file you are working on (your current HTML file)

Solution 19 - Html

<a href="/">Same domain, just like refresh</a>

Seems to work only if your website is index.html, index.htm or index.php (any default page).

But it seems that . is the same thing and more accepted

<a href=".">Same domain, just like refresh, (more used)</a>

Both work perfect on Chrome when domain is both http:// and https://

Solution 20 - Html

<a href="/home" target="_self">Reload the page</a>

Solution 21 - Html

If you are using php/smarty templates, u could do something like this:

<a href="{{$smarty.server.REQUEST_URI}}{if $smarty.server.REQUEST_URI|strstr:"?"}&{else}?{/if}newItem=1">Add New Item</a>

Solution 22 - Html

Just add target="_blank" and the link will open a new page keeping the original page.

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
QuestionTyiloView Question on Stackoverflow
Solution 1 - HtmlMarkus Amalthea MagnusonView Answer on Stackoverflow
Solution 2 - HtmlSimon MolloyView Answer on Stackoverflow
Solution 3 - HtmlVinay SahniView Answer on Stackoverflow
Solution 4 - HtmlStephenView Answer on Stackoverflow
Solution 5 - HtmlHatzegopteryxView Answer on Stackoverflow
Solution 6 - HtmlkaushikView Answer on Stackoverflow
Solution 7 - HtmlAbie Abby Del RayView Answer on Stackoverflow
Solution 8 - HtmlThomas ShieldsView Answer on Stackoverflow
Solution 9 - HtmlMichael WalshView Answer on Stackoverflow
Solution 10 - HtmlJohn HenckelView Answer on Stackoverflow
Solution 11 - HtmlMarkView Answer on Stackoverflow
Solution 12 - HtmlEternal_View Answer on Stackoverflow
Solution 13 - HtmlLove KumarView Answer on Stackoverflow
Solution 14 - Htmlshashank10456View Answer on Stackoverflow
Solution 15 - HtmlSashaPinskView Answer on Stackoverflow
Solution 16 - Htmldavid villaView Answer on Stackoverflow
Solution 17 - HtmlTim BrayView Answer on Stackoverflow
Solution 18 - HtmlAyush KumarView Answer on Stackoverflow
Solution 19 - HtmlSSpokeView Answer on Stackoverflow
Solution 20 - HtmlPramodhView Answer on Stackoverflow
Solution 21 - HtmlAndrewView Answer on Stackoverflow
Solution 22 - HtmlciccioView Answer on Stackoverflow