星空网 > 软件开发 > Java

js页面刷新之实现普通页面

准备面试题目的时候遇到了页面刷新,就整理了一下,网上查找,大概就是八种方法,但是自己测试的时候出现了几个问题,跟大家分享:

首先准备一个测试页面:

1 <!--html代码-->2 <h1 id="test">页面刷新</h1>3 <button onclick="fresh()">刷新</button

1 //script2 var h1 = document.getElementById('test');3 function test(){4   h1.style.color = "red";5   h1.innerText = "我变化了";6 }7 setInterval(test, 1000);

准备工作完成,开始页面刷新方法:

1.可以正常使用的五种方法:

1 //第一种方法2 function fresh(){3    window.location.reload();//强迫浏览器刷新当前页面,默认参数为false,表示从客户端缓存里取当前页。如果指定为true,则以GET方式从服务端取最新的页面,相当于客户端点击F5。4 }

1 //第二种方法2 function fresh(){3    history.go(0);4 }

1 //第三种方法2 function fresh(){3    location = location;4 }

1 //第四种方法2 function fresh(){3    location.assign(location);//assign()方法加载一个新的文档。4 }

1 //第五种方法2 function fresh(){3    location.replace(location);//通过指定URL替换当前缓存在历史里(客户端)的项目,所以使用replace方法之后,不能通过“前进”和“后退”来访问已经被替换的URL。4 }

2.只在ie可以执行的两种方法:

1 //第六种方法2 function fresh(){3    document.execCommand('Refresh');//是只有IE提供的方法,叫浏览器方法。4 }

1 //第七种方法2 function fresh(){3    window.navigate(location);//只在ie可以执行,不适用于火狐等其他浏览器。4 }

3.网上很容易找到,但是个人认为是错误的一种方法:

1 //错误方法2 function fresh(){3    document.URL=location.href;//错误用法,document.URL只能读不能写4 }

但是也可以有替代的方法:

1 //第八种方法2 //window.location.href和document.location.href可以被赋值,然后跳转到其它页面3 //一个窗口下只有一个window.location.href,但是可能有多个document.URL、document.location.href4 function fresh(){5    document.location.href = location.href;6    //可以使用,document表示的是一个文档对象  7 }

1 //第九种方法(与第八种方法是一类)2 function fresh(){3   window.location.href = location.href;//可以使用,window表示的是一个窗口对象4 }

如有错误,请您指正!




原标题:js页面刷新之实现普通页面

关键词:JS

JS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

如何使用Elementor的星级评价功能:https://www.ikjzd.com/articles/141691
连平台自营都要重点招商!这些产品今年将延续火爆:https://www.ikjzd.com/articles/141692
小白如何开始做亚马逊:https://www.ikjzd.com/articles/141693
​亚马逊开店需要注意的问题:https://www.ikjzd.com/articles/141694
怎样才能让亚马逊店铺保持稳定出单:https://www.ikjzd.com/articles/141695
揭秘2021跨境新赛道,这一品类还留有10亿美元级的空白市场待挖:https://www.ikjzd.com/articles/141696
小米SU7的不甘心全写进了 “周边”的商品链接里 :https://www.kjdsnews.com/a/1836549.html
10天涨粉300+万 “王婆说媒”凭什么一夜爆红? :https://www.kjdsnews.com/a/1836550.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流