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 相关文章推荐
JavaScript 编程引入命名空间的方法
Jun 29 Javascript
JavaScript实现快速排序(自已编写)
Dec 19 Javascript
深入理解JS中的变量及作用域、undefined与null
Mar 04 Javascript
jQuery插件cxSelect多级联动下拉菜单实例解析
Jun 24 Javascript
jQuery Ajax File Upload实例源码
Dec 12 Javascript
React中使用collections时key的重要性详解
Aug 07 Javascript
AngularJS 打开新的标签页实现代码
Sep 07 Javascript
JS中数据结构之栈
Jan 01 Javascript
实例讲解vue源码架构
Jan 24 Javascript
Layui实现数据表格默认全部显示(不要分页)
Oct 26 Javascript
js回调函数原理与用法案例分析
Mar 04 Javascript
react如何快速设置文件路径别名
Apr 28 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
全国FM电台频率大全 - 6 辽宁省
2020/03/11 无线电
php表单提交与$_POST实例分析
2015/01/26 PHP
PHP请求远程地址设置超时时间的解决方法
2016/10/29 PHP
js基于qrcode.js生成二维码的方法【附demo插件源码下载】
2016/12/28 PHP
jQuery 页面 Mask实现代码
2010/01/09 Javascript
jquery对dom的操作常用方法整理
2013/06/25 Javascript
jQuery 获取和设置select下拉框的值实现代码
2013/11/08 Javascript
jquery xMarquee实现文字水平无缝滚动效果
2014/04/29 Javascript
JS实现动态表格的添加,修改,删除功能(推荐)
2016/06/15 Javascript
利用js来实现缩略语列表、文献来源链接和快捷键列表
2016/12/16 Javascript
详解JS中的快速排序与冒泡
2017/01/10 Javascript
js判断手机号是否正确并返回的实现代码
2017/01/17 Javascript
vue实现2048小游戏功能思路详解
2018/05/09 Javascript
JavaScript缺少insertAfter解决方案
2020/07/03 Javascript
Vue实现计算器计算效果
2020/08/17 Javascript
Vue实现点击导航栏当前标签后变色功能
2020/08/19 Javascript
[01:31]完美与DOTA2历程
2014/07/31 DOTA
Python实现简单状态框架的方法
2015/03/19 Python
对numpy中数组元素的统一赋值实例
2018/04/04 Python
python random从集合中随机选择元素的方法
2019/01/23 Python
Django错误:TypeError at / 'bool' object is not callable解决
2019/08/16 Python
Python 3.8 新功能来一波(大部分人都不知道)
2020/03/11 Python
selenium+python配置chrome浏览器的选项的实现
2020/03/18 Python
使用Python项目生成所有依赖包的清单方式
2020/07/13 Python
基于CSS3实现的漂亮Menu菜单效果代码
2015/09/10 HTML / CSS
免费获得微软MCSD证书赶快行动吧!
2012/11/13 HTML / CSS
英国Zoro工具:手动工具,电动工具和个人防护用品
2016/11/02 全球购物
德国机车企业:FC-Moto
2017/10/27 全球购物
顺丰快递Java软件工程师面试题
2015/07/31 面试题
给校长的建议书600字
2014/05/15 职场文书
求职信模板
2014/05/23 职场文书
体育运动口号
2014/06/09 职场文书
反四风个人对照检查材料思想汇报
2014/09/25 职场文书
上课说话检讨书
2015/01/27 职场文书
2015年收银工作总结范文
2015/04/01 职场文书
Win11 Build 25179预览版发布(附更新内容+ISO官方镜像下载)
2022/08/14 数码科技