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


Posted in Javascript onDecember 09, 2019

本文介绍了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 相关文章推荐
jQuery学习2 选择器的使用说明
Feb 07 Javascript
javascript替换已有元素replaceChild()使用介绍
Apr 03 Javascript
javascript模拟订火车票和退票示例
Apr 24 Javascript
JavaScript中的console.dir()函数介绍
Dec 29 Javascript
javascript常用方法总结
May 14 Javascript
JS使用parseInt解析数字实现求和的方法
Aug 05 Javascript
jQuery操作Table技巧大汇总
Jan 23 Javascript
JavaScript中递归实现的方法及其区别
Sep 12 Javascript
jQuery选择器选中最后一个元素,倒数第二个元素操作示例
Dec 10 jQuery
深入解读Node.js中的koa源码
Jun 17 Javascript
bootstrap table实现横向合并与纵向合并
Jul 18 Javascript
webpack HappyPack实战详解
Oct 08 Javascript
vue 实现websocket发送消息并实时接收消息
Dec 09 #Javascript
Vue extend的基本用法(实例详解)
Dec 09 #Javascript
vue基于v-charts封装双向条形图的实现代码
Dec 09 #Javascript
微信小程序图片加载失败时替换为默认图片的方法
Dec 09 #Javascript
vue如何使用async、await实现同步请求
Dec 09 #Javascript
Vue替代marquee标签超出宽度文字横向滚动效果
Dec 09 #Javascript
vue新建项目并配置标准路由过程解析
Dec 09 #Javascript
You might like
日本因肺炎疫情影响,这几部动漫推延播放!
2020/03/03 日漫
Get或Post提交值的非法数据处理
2006/10/09 PHP
数字转英文
2006/12/06 PHP
十大使用PHP框架的理由
2015/09/26 PHP
完美解决JS中汉字显示乱码问题(已解决)
2006/12/27 Javascript
&amp;lt;script defer&amp;gt; defer 是什么意思
2009/05/10 Javascript
基于jQuery的实现简单的分页控件
2010/10/10 Javascript
javascript中的对象创建 实例附注释
2011/02/08 Javascript
setTimeout的延时为0时多个浏览器的区别
2012/05/23 Javascript
采用自执行的匿名函数解决for循环使用闭包的问题
2014/09/11 Javascript
node.js开机自启动脚本文件
2014/12/24 Javascript
JavaScript数据存储 Cookie篇
2016/07/02 Javascript
AngularJS equal比较对象实例详解
2016/09/14 Javascript
Bootstrap轮播图学习使用
2017/02/10 Javascript
Vuex之理解Store的用法
2017/04/19 Javascript
vue中实现移动端的scroll滚动方法
2018/03/03 Javascript
Vue实现用户自定义字段显示数据的方法
2018/08/28 Javascript
Vue 使用Props属性实现父子组件的动态传值详解
2019/11/13 Javascript
uniapp与webview之间的相互传值的实现
2020/06/29 Javascript
用Python设计一个经典小游戏
2017/05/15 Python
详解Python 序列化Serialize 和 反序列化Deserialize
2017/08/20 Python
python机器学习实战之K均值聚类
2017/12/20 Python
Python爬虫实现简单的爬取有道翻译功能示例
2018/07/13 Python
对numpy中向量式三目运算符详解
2018/10/31 Python
python 批量修改 labelImg 生成的xml文件的方法
2019/09/09 Python
python统计指定目录内文件的代码行数
2019/09/19 Python
Blank NYC官网:夹克、牛仔裤等
2020/12/16 全球购物
JAVA代码查错题
2014/10/10 面试题
Linux如何为某个操作添加别名
2015/02/05 面试题
教师自荐书
2013/10/08 职场文书
社区居务公开实施方案
2014/03/27 职场文书
质检员岗位职责
2015/02/03 职场文书
土木工程毕业答辩开场白
2015/05/29 职场文书
《比的意义》教学反思
2016/02/18 职场文书
MySQL中utf8mb4排序规则示例
2021/08/02 MySQL
Win11 22H2 2022怎么更新? 获得Win1122H22022版本升级技巧
2022/09/23 数码科技