前端页面刷新

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()

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,445评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,889评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,047评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,760评论 1 276
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,745评论 5 367
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,638评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,011评论 3 398
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,669评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,923评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,655评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,740评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,406评论 4 320
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,995评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,961评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,197评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,023评论 2 350
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,483评论 2 342

推荐阅读更多精彩内容