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 相关文章推荐
你所要知道JS(DHTML)中的一些技巧
Jan 09 Javascript
Extjs学习笔记之五 一个小细节renderTo和applyTo的区别
Jan 07 Javascript
Dreamweaver jQuery智能提示插件,支持版本提示,支持1.6api
Jul 31 Javascript
uploadify在Firefox下丢失session问题的解决方法
Aug 07 Javascript
深入领悟JavaScript中的面向对象
Nov 18 Javascript
js 动态加载事件的几种方法总结
Dec 25 Javascript
使用C++为node.js写扩展模块
Apr 22 Javascript
javascript 广告移动特效的实现代码
Jun 25 Javascript
ECMAScript6轮播图实践知识总结
Aug 17 Javascript
gulp-uglify 与gulp.watch()配合使用时报错(重复压缩问题)
Aug 24 Javascript
js 递归和定时器的实例解析
Feb 03 Javascript
angular2路由切换改变页面title的示例代码
Aug 23 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
php采集时被封ip的解决方法
2010/08/29 PHP
使用迭代器 遍历文件信息的详解
2013/06/08 PHP
php版本的cron定时任务执行器使用实例
2014/08/19 PHP
PHP读书笔记整理_结构语句详解
2016/07/01 PHP
深入了解PHP中的Array数组和foreach
2016/11/06 PHP
潜说js对象和数组
2011/05/25 Javascript
JQuery鼠标移到小图显示大图效果的方法
2015/06/10 Javascript
JS实现模拟百度搜索“2012世界末日”网页地震撕裂效果代码
2015/10/31 Javascript
使用jQuery监听DOM元素大小变化
2016/02/24 Javascript
javascript实现移动端上的触屏拖拽功能
2016/03/04 Javascript
基于JS实现弹出一个隐藏的div窗口body页面变成灰色并且不可被编辑
2016/12/14 Javascript
input 标签实现输入框带提示文字效果(两种方法)
2017/10/09 Javascript
javascript、php关键字搜索函数的使用方法
2018/05/29 Javascript
详解微信小程序之scroll-view的flex布局问题
2019/01/16 Javascript
express + jwt + postMan验证实现持久化登录
2019/06/05 Javascript
Layui之table中的radio在切换分页时无法记住选中状态的解决方法
2019/09/02 Javascript
nodeJs的安装与npm全局环境变量的配置详解
2020/01/06 NodeJs
[00:44]TI7不朽珍藏III——军团指挥官不朽展示
2017/07/15 DOTA
深度剖析使用python抓取网页正文的源码
2014/06/11 Python
Python入门篇之编程习惯与特点
2014/10/17 Python
Python创建xml文件示例
2017/03/22 Python
Python实现的KMeans聚类算法实例分析
2018/12/29 Python
python 实现return返回多个值
2019/11/19 Python
Pandas中DataFrame基本函数整理(小结)
2020/07/20 Python
Python读取yaml文件的详细教程
2020/07/21 Python
美国婚礼礼品网站:MyWeddingFavors
2018/09/26 全球购物
全球性的女装店:storets
2019/06/12 全球购物
送给程序员的20个Java集合面试问题
2014/08/06 面试题
opencv实现图像平移效果
2021/03/24 Python
高考自主招生自荐信
2013/10/20 职场文书
师德个人剖析材料
2014/02/02 职场文书
小学教师国培感言
2014/02/08 职场文书
硕士生工作推荐信
2014/03/07 职场文书
信息总监管理职责范本
2014/03/08 职场文书
导游词之开封禹王台风景区
2019/12/02 职场文书
Redis配置外网可访问(redis远程连接不上)的方法
2022/12/24 Redis