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 Tips(4) 一些关于提高JQuery性能的Tips
Dec 19 Javascript
分享一道笔试题[有n个直线最多可以把一个平面分成多少个部分]
Oct 12 Javascript
JS实现侧悬浮浮动实例代码
Nov 29 Javascript
JavaScript运行时库属性一览表
Mar 14 Javascript
jQuery获取同级元素的简单代码
Jul 09 Javascript
微信公众号菜单配置微信小程序实例详解
Mar 31 Javascript
JS实现匀加速与匀减速运动的方法示例
Sep 04 Javascript
vue实现登录后页面跳转到之前页面
Jan 07 Javascript
Angular刷新当前页面的实现方法
Nov 21 Javascript
详解Vue.js 响应接口
Jul 04 Javascript
vue 获取到数据但却渲染不到页面上的解决方法
Nov 19 Vue.js
Vue3.0写自定义指令的简单步骤记录
Jun 27 Vue.js
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
ThinkPHP3.1新特性之字段合法性检测详解
2014/06/19 PHP
解读PHP中上传文件的处理问题
2016/05/29 PHP
thinkPHP内置字符串截取函数用法详解
2016/11/15 PHP
php+javascript实现的动态显示服务器运行程序进度条功能示例
2017/08/07 PHP
在laravel5.2中实现点击用户头像更改头像的方法
2019/10/14 PHP
一段利用WSH获取登录时间的jscript代码
2008/05/11 Javascript
js跨域访问示例(客户端/服务端)
2014/05/19 Javascript
nodejs之请求路由概述
2014/07/05 NodeJs
Jquery通过JSON字符串创建JSON对象
2014/08/24 Javascript
深入分析js的冒泡事件
2014/12/05 Javascript
Underscore.js常用方法总结
2015/02/28 Javascript
简述JavaScript对传统文档对象模型的支持
2015/06/16 Javascript
jQuery控制控件文本的长度的操作方法
2016/12/05 Javascript
用nodejs搭建websocket服务器
2017/01/23 NodeJs
jqGrid翻页时数据选中丢失问题的解决办法
2017/02/13 Javascript
javascript简单链式调用案例分析
2017/05/10 Javascript
Vue 页面切换效果之 BubbleTransition(推荐)
2018/04/08 Javascript
vue-router命名路由和编程式路由传参讲解
2019/01/19 Javascript
js Array.slice的8种不同用法示例
2019/07/10 Javascript
Python最基本的输入输出详解
2015/04/25 Python
Python中if __name__ == '__main__'作用解析
2015/06/29 Python
python简易实现任意位数的水仙花实例
2018/11/13 Python
Python列表原理与用法详解【创建、元素增加、删除、访问、计数、切片、遍历等】
2019/10/30 Python
pandas 强制类型转换 df.astype实例
2020/04/09 Python
奥地利顶级内衣丝袜品牌英国站:Wolford英国
2016/08/29 全球购物
Expedia爱尔兰:酒店、机票、租车及廉价假期
2017/01/02 全球购物
Europcar葡萄牙:葡萄牙汽车和货车租赁
2017/10/13 全球购物
纽约香氛品牌:NEST Fragrance
2018/10/15 全球购物
印度电子产品购物网站:Vijay Sales
2021/02/16 全球购物
优秀老师事迹材料
2014/02/05 职场文书
学校宣传标语
2014/06/18 职场文书
幼儿园音乐教学反思
2016/02/18 职场文书
导游词之扬州大明寺
2019/10/09 职场文书
Java Socket实现Redis客户端的详细说明
2021/05/26 Redis
pytorch Dropout过拟合的操作
2021/05/27 Python
Redis高可用集群redis-cluster详解
2022/03/20 Redis