必威体育Betway必威体育官网
当前位置:首页 > IT技术

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

时间:2019-10-13 12:43:22来源:IT技术作者:seo实验室小编阅读:89次「手机版」
 

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(); 

相关阅读

JS实现图片自动滚动(图片横向滚动)

实现的效果就是 一排图片自动横向滚动,鼠标指向的时候,暂定滚动,鼠标离开,继续滚动 首先看下html代码:随便加入四张图片 <p id="

JSP开发之JSP 标准标签库(JSTL)之格式化标签formatNumbe

JSTL格式化标签用来格式化并输出文本、日期、时间、数字。引用格式化标签库的语法如下: <%@ taglib prefix="fmt" ur

js声明数组的四种方式

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <script type="t

WAP页面设计与实现小贴士

目前绝大多数手机都支持WAP 2.0。WAP 2.0的页面设计具有更好的视觉效果,更接近网页。不过由于手机千差万别,手机浏览器的能力也各不

域策略组的刷新命令

在client上命令行运行gpupdate /force

分享到:

栏目导航

推荐阅读

热门阅读