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,刷新当前页面
<script>
window.location.reload();
</script>
例2,JS实现刷新iframe的方法
用iframe的name属性定位
<input type="button" name="Button" value="Button" οnclick="document.frames('ifrmname').location.reload()">
或
<input type="button" name="Button" value="Button" οnclick="document.all.ifrmname.document.location.reload()">
例3,首先,定义一个iframe
<iframe method="post" id ="IFrameName" src="aa.htm" ></iframe>
aa.htm页面的内容:
<input type ="button" value ="刷新" onclick ="aa()"/>
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();
相关阅读
实现的效果就是 一排图片自动横向滚动,鼠标指向的时候,暂定滚动,鼠标离开,继续滚动 首先看下html代码:随便加入四张图片 <p id="
JSP开发之JSP 标准标签库(JSTL)之格式化标签formatNumbe
JSTL格式化标签用来格式化并输出文本、日期、时间、数字。引用格式化标签库的语法如下: <%@ taglib prefix="fmt" ur
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <script type="t
目前绝大多数手机都支持WAP 2.0。WAP 2.0的页面设计具有更好的视觉效果,更接近网页。不过由于手机千差万别,手机浏览器的能力也各不
在client上命令行运行gpupdate /force