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 相关文章推荐
window.showModalDialog使用手册
Jan 11 Javascript
6个DIV 135或246间隔一秒轮番显示效果
Jul 24 Javascript
使用js操作css实现js改变背景图片示例
Mar 10 Javascript
javascript根据时间生成m位随机数最大13位
Oct 30 Javascript
javascript实现随机显示星星特效
Jan 28 Javascript
jQuery实现自动输入email、时间和域名的方法
Aug 24 Javascript
vue微信分享 vue实现当前页面分享其他页面
Dec 02 Javascript
js统计页面上每个标签的数量实例代码
May 29 Javascript
JS实现可视化文件上传
Sep 08 Javascript
微信小程序页面缩放式侧滑效果的实现代码
Nov 15 Javascript
微信小程序使用map组件实现解析经纬度功能示例
Jan 22 Javascript
小程序中canvas的drawImage方法参数使用详解
Jul 04 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中理解print EOT分界符和echo EOT的用法区别小结
2010/02/21 PHP
PHP设计模式之解释器模式的深入解析
2013/06/13 PHP
解决PHP4.0 和 PHP5.0类构造函数的兼容问题
2013/08/01 PHP
PHP CURL 多线程操作代码实例
2015/05/13 PHP
Yii框架使用魔术方法实现跨文件调用功能示例
2017/05/20 PHP
laravel 多图上传及图片的存储例子
2019/10/14 PHP
PHP设计模式(四)原型模式Prototype实例详解【创建型】
2020/05/02 PHP
jquery获取下拉列表的值为null的解决方法
2011/03/18 Javascript
js优化针对IE6.0起作用(详细整理)
2012/12/25 Javascript
浅析Cookie中的Path与domain
2013/12/18 Javascript
一个js过滤空格的小函数
2014/10/10 Javascript
Javascript中的几种URL编码方法比较
2015/01/23 Javascript
JS &amp; JQuery 动态添加 select option
2016/06/08 Javascript
基于Bootstrap的UI扩展 StyleBootstrap
2016/06/17 Javascript
JS简单随机数生成方法
2016/09/05 Javascript
jquery获取table指定行和列的数据方法(当前选中行、列)
2016/11/07 Javascript
easyUI combobox实现联动效果
2017/01/17 Javascript
从零学习node.js之mysql数据库的操作(五)
2017/02/24 Javascript
nodejs读写json文件的简单方法(必看)
2017/03/09 NodeJs
vue和react等项目中更简单的实现展开收起更多等效果示例
2018/02/22 Javascript
vue 实现强制类型转换 数字类型转为字符串
2019/11/07 Javascript
微信小程序登陆注册功能的实现代码
2019/12/10 Javascript
Antd的Table组件嵌套Table以及选择框联动操作
2020/10/24 Javascript
Python实现命令行通讯录实例教程
2016/08/18 Python
python爬虫实战之爬取京东商城实例教程
2017/04/24 Python
Python 反转字符串(reverse)的方法小结
2018/02/20 Python
Python开发网站目录扫描器的实现
2019/02/21 Python
浅谈Python爬虫基本套路
2019/03/25 Python
使用css3实现的windows8开机加载动画
2014/12/09 HTML / CSS
GUESS西班牙官方网上商城:美国服饰品牌
2017/03/15 全球购物
VC++笔试题
2014/10/13 面试题
总经理助理工作职责
2014/02/06 职场文书
群众路线教育实践活动对照检查材料
2014/09/22 职场文书
11.9消防日宣传标语
2014/10/08 职场文书
离婚起诉书范本
2015/05/18 职场文书
大学入学感言
2015/08/01 职场文书