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

更新时间：2019年12月09日 14:26:40 作者：大灰狼的小绵羊哥哥

这篇文章主要介绍了js刷新页面location.reload()用法详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

本文介绍了js刷新页面函数location.reload()的用法，有关js location.reload()函数的例子，有需要的朋友参考下。

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

例子：

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

经测试,这两句在某些情况下可以代替location.reload(true);

而不会出现重试对话框达到刷新的效果

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

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

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

这种写法不会显示对话框。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

解决微信浏览器Javascript无法使用window.location.reload()刷新页面

js动态拼接正则表达式的两种方法
这篇文章主要介绍了js动态拼接正则表达式的两种方法,需要的朋友可以参考下
2014-03-03
js判断变量是否未定义的代码
一般如果变量通过var声明，但是并未初始化的时候，变量的值为undefined，而未定义的变量则需要通过 "typeof 变量"的形式来判断，否则会发生错误
2012-11-11
JavaScript Dom 绑定事件操作实例详解
这篇文章主要介绍了JavaScript Dom 绑定事件操作,结合实例形式详细分析了JavaScript实现dom绑定事件的相关实现方法与操作注意事项,需要的朋友可以参考下
2019-10-10
js实现添加删除表格操作
这篇文章主要为大家详细介绍了js实现添加删除表格操作，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-10-10
小程序hover-class点击态效果实现
这篇文章主要介绍了小程序hover-class点击态效果实现，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2019-02-02
VUE基于NUXT的SSR 服务端渲染
这篇文章主要介绍了VUE基于NUXT的SSR 服务端渲染，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-11-11
Bootstrap-table使用footerFormatter做统计列功能
大家在做表格的时候，经常会做统计功能，其实统计也并没想想的这么复杂，实现起来很简单，接下来通过通过本文给大家介绍Bootstrap-table使用footerFormatter做统计列功能,需要的朋友可以参考下
2018-09-09
微信小程序实现Swiper轮播图效果
这篇文章主要介绍了微信小程序实现Swiper轮播图效果，文中示例代码介绍的非常详细，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2019-11-11
javascript实现的白板效果(可以直接在网页上写字)
javascript动画系列之网页白板 javascript实现的白板(兼容ff,ie,chrome,……)
2010-07-07
php 解压zip压缩包内容到指定目录的实例
下面小编就为大家分享一篇php 解压zip压缩包内容到指定目录的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2018-01-01