在按钮标记中使用onclick=“return location.reload（）；”。

<button id="refersh-page" name="refersh-page" type="button" onclick="return location.reload();">Refesh Page</button>

use

location.reload();

or

window.location.reload();

具有不同缓存相关行为的三种方法：

location.reload（true）在实现location.reload（）的forcedReload参数的浏览器中，通过获取页面及其所有资源（脚本、样式表、图像等）的新副本来重新加载。不会从缓存中提供任何资源-从服务器获取新副本，而无需发送任何副本（如果修改后或没有与请求中的标头匹配）。相当于用户在可能的情况下在浏览器中进行“硬重新加载”。请注意，Firefox（请参阅MDN）和Internet Explorer（请参阅MSDN）支持将true传递到location.reload（），但不受普遍支持，也不是W3 HTML 5规范、W3 HTML 5.1草案规范和WHATWG HTML生活标准的一部分。在不支持的浏览器中，如Google Chrome，location.reload（true）的行为与location.reload（）相同。location.reload（）或location.reload（false）重新加载页面，获取页面HTML本身的新的、未缓存的副本，并对浏览器缓存的任何资源（如脚本）执行RFC 7234重新验证请求，即使它们是新的。RFC 7234允许浏览器在不重新验证的情况下为它们提供服务。据我所知，在执行location.reload（）调用时，浏览器应该如何使用其缓存并没有具体说明或记录；我通过实验确定了上述行为。这相当于用户只需按下浏览器中的“刷新”按钮。location=位置（或无限多其他可能涉及指定位置或其财产的技术）仅当页面的URL不包含fragid/hashbang时才有效！重新加载页面，而无需重新蚀刻或重新验证缓存中的任何新资源。如果页面的HTML本身是新的，这将重新加载页面，而不执行任何HTTP请求。这相当于（从缓存角度）用户在新选项卡中打开页面。但是，如果页面的URL包含哈希，则这将无效。同样，据我所知，这里的缓存行为没有具体说明；我通过测试确定了这一点。

总之，您希望使用：

location=缓存的最大使用位置，只要页面的URL中没有哈希，在这种情况下，这将不起作用location.reload（true）在不重新验证的情况下获取所有资源的新副本（尽管它不受普遍支持，并且在某些浏览器（如Chrome）中的行为与location.reloadlocation.reload（）忠实地再现用户单击“刷新”按钮的效果。

你可以用两种方式写。第一种是重新加载页面的标准方式，也称为简单刷新

location.reload(); //simple refresh

另一种叫做硬刷新。在这里传递布尔表达式并将其设置为true。这将重新加载页面，销毁旧缓存并从头开始显示内容。

location.reload(true);//hard refresh

window.location.reload（）将从服务器重新加载，并将再次加载所有数据、脚本、图像等。

因此，如果您只想刷新HTML，window.location=document.URL将返回得更快，流量更少。但如果URL中有散列（#），则不会重新加载页面。

您应该使用以下代码

window.location.reload();