js刷新页面location.reload()用法

              js刷新页面location.reload()用法

 

转载：https://blog.csdn.net/sinat_17775997/article/details/80263724
https://blog.csdn.net/M_Jack/article/details/80749585

 

在javascript编程中，多使用location.reload实现页面刷新。

例子：

window.location.href=window.location.href; 
window.location.reload; 

经测试,这两句在某些情况下可以代替location.reload(true);
而不会出现重试对话框达到刷新的效果。

在js中实现刷新页面的方法有很多种，在js中有一个location.reload()函数，它就可以实现我们想要的功能。 

reload() 方法用于重新加载当前文档。 如果该方法没有规定参数，或者参数是 false，它就会用 HTTP 头 If-Modified-Since 来检测服务器上的文档是否已改变。如果文档已改变，reload() 会再次下载该文档。如果文档未改变，则该方法将从缓存中装载文档。这与用户单击浏览器的刷新按钮的效果是完全一样的。

我们都知道客户端浏览器是有缓存的，里面存放之前访问过的一些网页文件。 其实缓存里存储的不只是网页文件，还有服务器发过来的该文件的最后服务器修改时间。 If-Modified-Since是标准的HTTP请求头标签，在发送HTTP请求时，把浏览器端缓存页面的最后修改时 间一起发到服务器去，服务器会把这个时间与服务器上实际文件的最后修改时间进行比较。 如果时间一致，那么返回HTTP状态码304（不返回文件内容），客户端接到之后，就直接把本地缓存文 件显示到浏览器中。 如果时间不一致，就返回HTTP状态码200和新的文件内容，客户端接到之后，会丢弃旧文件，把新文件 缓存起来，并显示到浏览器中。 我们知道JSP页面最后都必须编译成HTML文件，你的JSP页面 时间 每次请求的都不一样 ，等于修改了文件 所以缓存和服务器的文件的修改时间是不一致的 ，就会重新刷新了。

例1，刷新当前页面

 例2，JS实现刷新iframe的方法 
用iframe的name属性定位

 
或 

例3，首先，定义一个iframe

aa.htm页面的内容: 

 
function aa() { 
//parent.location.replace(parent.location.href);//服务器端重新创建页面 
parent.document.location.reload();//相当于F5 
//window.location.href(parent.location.href);//iframe内容重定向 
}

注意：
window.location.reload;
刷新时如果提交数据的动作，则会出现对话框！

解决办法：

window.location.href=window.location.href; 
window.location.reload;

刷新父窗口(这种写法不会显示对话框。)：

window.opener.location.href=window.opener.location.href; 
window.opener.location.reload();