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操作Select 简单方便 一个js插件搞定
Nov 12 Javascript
JavaScript 精粹读书笔记(1,2)
Feb 07 Javascript
js限制checkbox选中个数以限制六个为例
Jul 15 Javascript
Bootstrap每天必学之响应式导航、轮播图
Apr 25 Javascript
使用grunt合并压缩js和css文件的方法
Mar 02 Javascript
微信小程序 页面跳转如何实现传值
Apr 05 Javascript
创建简单的node服务器实例(分享)
Jun 23 Javascript
vue-cli 目录结构详细讲解总结
Jan 15 Javascript
vue实现的网易云音乐在线播放和下载功能案例
Feb 18 Javascript
微信小程序蓝牙连接小票打印机实例代码详解
Jun 03 Javascript
Vue使用CDN引用项目组件,减少项目体积的步骤
Oct 30 Javascript
Angular CLI发布路径的配置项浅析
Mar 29 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数据加密详解
2013/06/18 PHP
php无序树实现方法
2015/07/28 PHP
thinkphp3.2实现在线留言提交验证码功能
2017/07/19 PHP
ThinkPHP框架下微信支付功能总结踩坑笔记
2019/04/10 PHP
PHP程序员必须知道的两种日志实例分析
2020/05/14 PHP
jQuery ajax在GBK编码下表单提交终极解决方案(非二次编码方法)
2010/10/20 Javascript
onkeydown事件解决按回车键直接提交数据的需求
2013/04/11 Javascript
Bootstrap创建可折叠的组件
2016/02/23 Javascript
深入理解jQuery 事件处理
2016/06/14 Javascript
jQuery使用正则验证15/18身份证的方法示例
2017/04/27 jQuery
JavaScrpt判断一个数是否是质数的实例代码
2017/06/11 Javascript
微信小程序实现缓存根据不同的id来进行设置和读取缓存
2017/06/12 Javascript
jquery tmpl模板(实例讲解)
2017/09/02 jQuery
微信小程序wx.uploadfile 本地文件转base64的实现代码
2018/06/28 Javascript
JS求1到任意数之间的所有质数的方法详解
2019/05/20 Javascript
Vue 实现从文件中获取文本信息的方法详解
2019/10/16 Javascript
Python实现快速计算词频功能示例
2018/06/25 Python
使用pytorch进行图像的顺序读取方法
2018/07/27 Python
python是否适合网页编程详解
2019/10/04 Python
Python Pillow.Image 图像保存和参数选择方式
2020/01/09 Python
学python爬虫能做什么
2020/07/29 Python
FLOS美国官网:意大利高级照明工艺的传奇
2018/08/07 全球购物
编写类String 的构造函数、析构函数和赋值函数
2012/09/09 面试题
"引用"与指针的区别是什么
2016/09/07 面试题
外贸实习生自荐信范文
2013/11/24 职场文书
2014端午节活动策划方案
2014/01/27 职场文书
网站美工岗位职责
2014/04/02 职场文书
节水口号标语
2014/06/19 职场文书
入党积极分子学习优秀共产党员先进事迹思想汇报
2014/09/13 职场文书
九一八事变演讲稿范文
2014/09/14 职场文书
党员干部作风建设思想汇报范文
2014/10/25 职场文书
病危通知书样本
2015/04/17 职场文书
法制工作总结2015
2015/07/23 职场文书
银行客户经理培训心得体会
2016/01/09 职场文书
学会Python数据可视化必须尝试这7个库
2021/06/16 Python
浅谈MySQL表空间回收的正确姿势
2021/10/05 MySQL