网站地图    收藏   

主页 > 前端 > javascript >

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

来源:自学PHP网    时间:2014-09-19 14:47 作者: 阅读:

[导读] 在js中要实现刷新页面的方法有很多种,下面我来介绍其中的一种办法来刷新页面,在js中有一个location.reload()函数,它就可以实现我们想要的功能。...

window.location.reload(true) //浏览器重新从服务器请求资源,在http请求头中不会包含缓存标记。

如果要刷新当前页面非常的简单

 代码如下 复制代码

<script>
window.location.reload();
</script>

JS实现刷新iframe的方法

用iframe的name属性定位

 代码如下 复制代码

<input type="button" name="Button" value="Button"
onclick="document.frames('ifrmname').location.reload()">

<input type="button" name="Button" value="Button"
onclick="document.all.ifrmname.document.location.reload()">

首先,定义一个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();

这种写法就不出现那讨厌的对话框啦!

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论