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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了js页面刷新之实现普通页面，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1731字，纯文字阅读大概需要3分钟。

内容图文

首先准备一个测试页面：

 
页面刷新
刷新</button

//script
var h1 = document.getElementById('test');
function test(){
     h1.style.color = "red";
     h1.innerText = "我变化了";
}
setInterval(test, 1000);

准备工作完成，开始页面刷新方法：

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

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

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

 //第三种方法
 function fresh(){
       location = location;
 }

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

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

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

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

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

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

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

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

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

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

内容总结

以上是互联网集市为您收集整理的js页面刷新之实现普通页面全部内容，希望文章能够帮你解决js页面刷新之实现普通页面所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端