java 刷新文件夹 java页面刷新

[Java教程]js页面刷新之实现普通页面

0 2016-10-12 12:01:14

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

首先准备一个测试页面：1 2

页面刷新

3 刷新

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 }

如有错误，请您指正！