使用Jquery从本地计算机重新加载或刷新页面

时间:2018-08-22 21:44:25

标签: javascript jquery html

我在本地计算机上有一个html文档,我使用JQuery创建了一个按钮,并为该按钮设置了一次单击。单击按钮后,我希望刷新当前的index.html页面。

以下是脚本标记中的内容:

    var refreshButton = '<button id="refresh"> Refresh </button>';
    $body.append(refreshButton);
    $('#refresh').click(function(){
      refresh(forceGet);
    });

我尝试了location.refresh();window.location.refresh();refresh();,但是它们没有用。

2 个答案:

答案 0 :(得分:1)

您需要使用window.location.reload()

$('document').ready(() => {
    $('#last-date').html(new Date())
    $('#refresh').on('click', () => {
        console.log('Refreshing...')
        window.location.reload(true)
    })
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<button id="refresh">Refresh</button>
<p>Last loaded at <span id="last-date"></span></p>

答案 1 :(得分:1)

$body.append(refreshButton);

需要成为

$('body').append(refreshButton);

和window.location.reload(true);应该管用。试试这个:

$( document ).ready(function() {
   $('body').append('<button id="refresh"> Refresh </button>');
   $('#refresh').click(function(){
      window.location.reload(true);
   });
});