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实现手把手教你月入万刀(转贴)
Nov 07 Javascript
限制上传文件大小和格式的jQuery插件实例
Jan 24 Javascript
jQuery实现的五子棋游戏实例
Jun 13 Javascript
jQuery 获取页面li数组并删除不在数组中的key
Aug 02 Javascript
Bootstrap轮播图的使用和理解4
Dec 14 Javascript
React组件的三种写法总结
Jan 12 Javascript
js实现3D图片环展示效果
Mar 09 Javascript
静态页面实现 include 引入公用代码的示例
Sep 25 Javascript
vue使用keep-alive实现数据缓存不刷新
Oct 21 Javascript
vue-cli 打包使用history模式的后端配置实例
Sep 20 Javascript
vue 内置过滤器的使用总结(附加自定义过滤器)
Dec 11 Javascript
解决Vue 给mapState中定义的属性赋值报错的问题
Jun 22 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 fwrite写入txt文件的时候用 \r\n不能换行的问题
2013/08/06 PHP
php使用curl抓取qq空间的访客信息示例
2014/02/28 PHP
Laravel框架用户登陆身份验证实现方法详解
2017/09/14 PHP
PHP调用QQ互联接口实现QQ登录网站功能示例
2019/10/24 PHP
PHP实现微信公众号验证Token的示例代码
2019/12/16 PHP
PHP使用PhpSpreadsheet操作Excel实例详解
2020/03/26 PHP
表单JS弹出填写提示效果代码
2011/04/16 Javascript
js控制滚动条缓慢滚动到顶部实现代码
2013/03/20 Javascript
jquery实现鼠标拖动图片效果示例代码
2014/01/09 Javascript
详解JavaScript中的表单验证
2015/06/16 Javascript
js 判断各种数据类型的简单方法(推荐)
2016/08/29 Javascript
浅谈js函数中的实例对象、类对象、局部变量(局部函数)
2016/11/20 Javascript
js正则表达式验证表单【完整版】
2017/03/06 Javascript
Node.js发送HTTP客户端请求并显示响应结果的方法示例
2017/04/12 Javascript
ES6学习教程之对象的扩展详解
2017/05/02 Javascript
防止页面url缓存中ajax中post请求的处理方法
2017/10/10 Javascript
js获取文件里面的所有文件名(实例)
2017/10/17 Javascript
利用10行js代码实现上下滚动公告效果
2017/12/08 Javascript
JS实现的简单下拉框联动功能示例
2018/05/11 Javascript
小程序中this.setData的使用和注意事项
2019/08/28 Javascript
微信小程序获取用户信息及手机号(后端TP5.0)
2019/09/12 Javascript
简单介绍Ruby中的CGI编程
2015/04/10 Python
Python实现新浪博客备份的方法
2016/04/27 Python
使用PyV8在Python爬虫中执行js代码
2017/02/16 Python
Python中使用haystack实现django全文检索搜索引擎功能
2017/08/26 Python
使用pyinstaller逆向.pyc文件
2019/12/20 Python
django的autoreload机制实现
2020/06/03 Python
美国最大的珠宝商之一:Littman Jewelers
2016/11/13 全球购物
2013年研究生毕业感言
2014/02/06 职场文书
担保书怎么写
2014/04/01 职场文书
车辆转让协议书
2014/04/15 职场文书
交通事故委托书范本(2篇)
2014/09/21 职场文书
教师党员先进性教育自我剖析材料思想汇报
2014/09/24 职场文书
2016年暑期教师培训心得体会
2016/01/09 职场文书
护士自荐信范文(2016推荐篇)
2016/01/28 职场文书
zabbix agent2 监控oracle数据库的方法
2021/05/13 Oracle