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 相关文章推荐
ext读取两种结构的xml的代码
Nov 05 Javascript
关于javascript 回调函数中变量作用域的讨论
Sep 11 Javascript
Jquery拖拽并简单保存的实现代码
Nov 28 Javascript
javascript 常用功能总结
Mar 18 Javascript
jQuery绑定自定义事件的魔法升级版
Jun 30 Javascript
微信小程序 navigation API实例详解
Oct 02 Javascript
详解从angular-cli:1.0.0-beta.28.3升级到@angular/cli:1.0.0
May 22 Javascript
Angular4学习笔记之实现绑定和分包
Aug 01 Javascript
超出JavaScript安全整数限制的数字计算BigInt详解
Jun 24 Javascript
详解JQuery基础动画操作
Apr 12 jQuery
js实现网页版贪吃蛇游戏
Feb 22 Javascript
详解 TypeScript 枚举类型
Nov 02 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 json_encode中文乱码问题的解决办法
2013/09/09 PHP
php通过隐藏表单控件获取到前两个页面的url
2014/09/09 PHP
PHP简单创建压缩图的方法
2016/08/24 PHP
Yii2实现增删改查后留在当前页的方法详解
2017/01/13 PHP
firefox下对ajax的onreadystatechange的支持情况分析
2009/12/14 Javascript
javascript继承的六大模式小结
2015/04/13 Javascript
充分发挥Node.js程序性能的一些方法介绍
2015/06/23 Javascript
原生JS实现旋转木马式图片轮播插件
2016/04/25 Javascript
基于MVC5和Bootstrap的jQuery TreeView树形控件(一)之数据支持json字符串、list集合
2016/08/11 Javascript
JS实现的二叉树算法完整实例
2017/04/06 Javascript
jQuery实现文章图片弹出放大效果
2017/04/06 jQuery
Vue实现一个图片懒加载插件
2019/03/11 Javascript
vue中datepicker的使用教程实例代码详解
2019/07/08 Javascript
详解Vscode中使用Eslint终极配置大全
2019/11/08 Javascript
在vue中axios设置timeout超时的操作
2020/09/04 Javascript
[01:03:56]Mineski vs TNC 2018国际邀请赛淘汰赛BO1 8.21
2018/08/22 DOTA
将Python代码打包为jar软件的简单方法
2015/08/04 Python
Python绘制并保存指定大小图像的方法
2019/01/10 Python
Python实现多态、协议和鸭子类型的代码详解
2019/05/05 Python
使用python去除图片白色像素的实例
2019/12/12 Python
python 使用paramiko模块进行封装,远程操作linux主机的示例代码
2020/12/03 Python
酒店前台接待岗位职责
2013/12/03 职场文书
总裁秘书岗位职责
2013/12/04 职场文书
工作人员思想汇报
2014/01/09 职场文书
人事档案接收函
2014/01/12 职场文书
党员创先争优公开承诺书
2014/03/28 职场文书
服务承诺书格式
2014/05/21 职场文书
县级文明单位申报材料
2014/05/23 职场文书
团干部培训方案
2014/06/03 职场文书
见习期个人总结
2015/03/05 职场文书
语文教师求职信范文
2015/03/20 职场文书
美丽心灵观后感
2015/06/01 职场文书
历史博物馆观后感
2015/06/05 职场文书
学术会议领导致辞
2015/07/29 职场文书
《走遍天下书为侣》教学反思
2016/02/22 职场文书
掌握一个领域知识,高效学习必备方法
2019/08/08 职场文书