php代码重新载入页面,在JavaScript如何使页面重新加载

在JavaScript中可以将reload()方法的值设置为true来让页面重新加载

当我们在浏览页面时,在浏览器思维左上角有一个按钮,让我们去刷新页面,那么在程序里是如何操作的呢,接下来将在文章中和大家介绍在JavaScript中如何实现页面加载技术,有一定的参考价值,希望对大家有所帮助。

32f8db14d43e607b591cdfb17b64fa35.png

要实现页面加载就需要用到reload()方法,这个方法的用处就是重新加载当前文档

reload() 方法location.reload()

我们将reload()的值设置为true时,它都会绕过缓存,从服务器上重新下载文档,就跟我们每次点击浏览器的刷新按钮一样。

如果将该方法设置为false或者不设置参数时,它就会用 HTTP 头 中If-Modified-Since 来检测服务器上的文档是否已经发生改变,如果文档已经发生改变,则reload() 会再次下载该文档;如果文档未发生改变,则该方法将从缓存中装载文档。

例:

点击上面的按钮会刷新页面

1.jpg

效果图如下:

fdd8706f99552b91f22fd81b30967385.png

我们还可以设置时间,比如隔多少时间页面刷新一次

例:设置隔5s页面刷新一次

页面隔5s会刷新一次

1.jpg

function timedReload(time){

setTimeout("location.reload(true);",time);

}

window.οnlοad=timedReload(5000);

效果图如下:

780ad70234e82afde9cbd3df252a9ebe.png

我们可以设置一个弹出框按钮,当我们点击刷新时会弹出一个对话框,当点击确定时页面刷新,点击取消时页面不刷新

例:

刷新

1.jpg

function sureReload(){

var sure=confirm("你确定刷新页面吗?");

if(sure==true){

setTimeout("location.reload(true);",5000);

}

}

效果图如下

1bc183db6ffe2070c81c6536218b01ea.png

总结:以上就是本篇文章的全部内容了,希望通过篇文章可以让大家对JavaScript页面加载有一定的了解。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值