Question

我有一个按钮，当按下该按钮时，应重新加载页面。我使用location.reload()执行操作（按照how to reload a page with JS上的答案）。

我使用的代码（可在codepen.io上找到）

HTML

<button class="reload">update</button>
<div class="radio"></div>

JS

$('.reload').click(function() {
  alert('clicked');
  location.reload(true);
});

window.onload = function() {
  $('.radio').text($.now());
};

页面最初使用当前的Epoch计数器加载，但单击该按钮不会更新它。

我还尝试使用$(document).ready()，以防window.onload location.reload()无法触发{相同的结果。

如何在此方案中强制重新加载页面？

Answer 1

我认为您不需要使用jQuery来执行此操作。

试试这个：

<button class="reload" onclick="location.reload()">update</button>
<div class="radio"></div>

Answer 2

尝试history.go（0）;

＆＃13;

$('.reload').click(function() {
  //window.location.reload(true);
  history.go(0);
});

window.onload = function() {
  $('.radio').text($.now());
};

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="reload">update</button>
<div class="radio"></div>

＆＃13;

Answer 3

试试这个。这可能很好：

$('.reload').click(function() {
    location.href=location.href;
});

Answer 4

问题是什么？

$(document).ready(function() {
  $('.reload').on('click', function() {
    window.location.reload();
  })
});

https://jsfiddle.net/gzo8kr0u/

Answer 5

试试这个：

$( ".reload" ).click(function(ev) {  
    ev.preventDefault();  
    location.reload(); 
});

如何使click.reload（）工作按钮单击？

5 个答案: