A-A+

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

2016年10月14日 web前端设计 暂无评论 阅读 6 views 次

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

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

如果要刷新当前页面非常的简单,代码如下:

  1. <script>  
  2. window.location.reload();  
  3. </script>  

JS实现刷新iframe的方法,用iframe的name属性定位,代码如下:

  1. <input type="button" name="Button" value="Button"  
  2. onclick="document.frames('ifrmname').location.reload()">  
  3. //或  
  4. <input type="button" name="Button" value="Button"  
  5. onclick="document.all.ifrmname.document.location.reload()">  

例,首先,定义一个iframe,代码如下:

  1. <iframe method="post" id ="IFrameName" src="aa.htm" ></iframe>  

aa.htm内容如下:

  1. <input type ="button" value ="刷新" onclick ="aa()"/>  
  2. function aa() {  
  3. //parent.location.replace(parent.location.href);//服务器端重新创建页面  
  4. parent.document.location.reload();//相当于F5  
  5. //window.location.href(parent.location.href);//iframe内容重定向  
  6. }  

小提示:window.location.reload;刷新时如果提交数据的动作,则会出现讨厌的对话框!

解决办法,代码如下:

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

window.location.reload;

同理,如果是刷新父窗口,应该这样写:

window.opener.location.href=window.opener.location.href;

window.opener.location.reload();

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

标签:

给我留言