1.setTimeout定时刷新
<script>setTimeout("location.href='url'",2000)</script>
注释:url是要刷新的页面URL地址
2000是等待时间2000ms
<script language="JavaScript">
function myrefresh()
{
window.location.reload();
}
setTimeout('myrefresh()',1000); //指定1000ms刷新一次
</script>
2.window.location
(1)window.location.assign()
window.location.assign(newURL)
window.location=newURL
当newURL为当前URL则刷新当前页面
window.location.assign(location)
window.location=location
location=location(省略window写法)
(2)window.location.reload()
重新载入当前文档,用于刷新当前文档,类似于在浏览器上的刷新页面按钮(F5刷新)
window.location.reload(true)
无论文档的最后修改日期是什么,它都会绕过缓存,从服务器上重新下载该文档(shift+F5强制刷新)
(3)window.location.replace()
重定向到新页面(浏览器url无前进后退按钮)
window.location.replace(newURL)
刷新当前页面
window.location.replace(location)
--location其他方法,无刷新当功能:
详情请参考:
https://developer.mozilla.org/zh-CN/docs/Web/API/Window/location
(4)window.location.search()
(5)window.location.hash()
3.window.history.go(0)
history.go()(省略window写法,刷新当前页面)
4.window.navigate()
window.navigate(location)方法是针对IE的,不适用于firefox
5.document.execCommand()
document.execCommand('Refresh')
document.execCommand('refresh')
firefox已经废弃document.execCommand()方法
6.document.URL
document.URL=location.href
该属性的值和DOM Level 0中的document.location.href 属性的值是相等的.然而 document.location.href 是可写的, document.URL 是只读的
7.<meta>
<meta http-equiv="refresh" />
如果 content 只包含一个正整数,则为重新载入页面的时间间隔(秒);
如果 content 包含一个正整数,并且后面跟着字符串 ';url=' 和一个合法的 URL,则是重定向到指定链接的时间间隔(秒)
<meta http-equiv="refresh" content="3;url=https://www.mozilla.org">
3秒后重定向到https://www.mozilla.org
8.vuejs刷新当前页面
(1)window.reload()
,location. reload()
(2)router.go(0)
,this.$router.go(0)
以上都可以刷新当前页面的,缺点就是相当于按ctrl+F5 强制刷新,整个页面重新加载,会出现一个瞬间的空白页面,体验不好
(3)provide / inject 组合 方式
A:在App.vue页面添加
dom:
<router-view v-if="isRouterAlive"></router-view>
js:
export default{
provide(){
return {
reload:this.reload
}
},
data(){
return {
isRouterAlive:true
}
},
methods:{
reload(){
this.isRouterAlive=false
this.$nextTick(()=>{
this.isRouterAlive=true
})
}
}
}
B:在当前需要刷新的页面
export default{
inject:['reload'],
}
在需要刷新的时候调用:
this.reload()