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 获取计算后的样式写法及注意事项
Feb 25 Javascript
jQuery动态添加删除select项(实现代码)
Sep 03 Javascript
利用window.name实现windowStorage代码分享
Jan 02 Javascript
JAVA四种基本排序方法实例总结
Jul 24 Javascript
swtich/if...else的替代语句
Aug 16 Javascript
jQuery EasyUI之DataGrid使用实例详解
Jan 04 Javascript
easyui datagrid 表格中操作栏 按钮图标不显示的解决方法
Jul 27 Javascript
在vue中添加Echarts图表的基本使用教程
Nov 22 Javascript
JS获取月的第几周和年的第几周实例代码
Dec 05 Javascript
聊聊鉴权那些事(推荐)
Aug 22 Javascript
关于vue项目中搜索节流的实现代码
Sep 17 Javascript
在vue中使用防抖函数组件操作
Jul 26 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格式和js json格式 js跨域调用实现代码
2012/09/08 PHP
PHP创建桌面快捷方式的实例代码
2014/02/17 PHP
浅谈Eclipse PDT调试PHP程序
2014/06/09 PHP
php实现把url转换迅雷thunder资源下载地址的方法
2014/11/07 PHP
php实现留言板功能
2017/03/05 PHP
关于PHP中协程和阻塞的一些理解与思考
2017/08/11 PHP
JavaScript基本概念初级讲解论坛贴的学习记录
2009/02/22 Javascript
js 中 document.createEvent的用法
2010/08/29 Javascript
javascript的字符串按引用复制和传递,按值来比较介绍与应用
2012/12/28 Javascript
javascript实现网页子页面遍历回调的方法(涉及 window.frames、递归函数、函数上下文)
2015/07/27 Javascript
基于jQuery实现简单的折叠菜单效果
2015/11/23 Javascript
JS中setTimeout的巧妙用法前端函数节流
2016/03/24 Javascript
Node.js学习入门
2017/01/03 Javascript
js数组实现权重概率分配
2017/09/12 Javascript
js根据json数据中的某一个属性来给数据分组的方法
2018/10/08 Javascript
JS通用方法触发点击事件代码实例
2020/02/17 Javascript
基于javascript处理nginx请求过程详解
2020/07/07 Javascript
[01:03:36]Ti4 循环赛第三日DK vs Titan
2014/07/12 DOTA
python实现通过shelve修改对象实例
2014/09/26 Python
深入学习python的yield和generator
2016/03/10 Python
tensorflow 1.0用CNN进行图像分类
2018/04/15 Python
python3个性签名设计实现代码
2018/06/19 Python
Python设计模式之命令模式原理与用法实例分析
2019/01/11 Python
python利用openpyxl拆分多个工作表的工作簿的方法
2019/09/27 Python
python 变量初始化空列表的例子
2019/11/28 Python
python GUI库图形界面开发之PyQt5结合Qt Designer创建信号与槽的详细方法与实例
2020/03/08 Python
python使用自定义钉钉机器人的示例代码
2020/06/24 Python
详解Python 函数参数的拆解
2020/09/02 Python
介绍一下Linux文件的记录形式
2012/04/18 面试题
工程师自我评价怎么写
2013/09/19 职场文书
管理学专业个人求职信范文
2013/12/13 职场文书
税务会计岗位职责
2014/02/18 职场文书
业绩倒数第一的检讨书
2014/09/24 职场文书
2019入党申请书范文3篇
2019/08/21 职场文书
基于Redis位图实现用户签到功能
2021/05/08 Redis
5行Python代码实现一键批量扣图
2021/06/29 Python