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+json实现的搜索加分页效果
Mar 31 Javascript
解析JavaScript中的标签语句
Jun 19 Javascript
javascript实现的元素拖动函数宿主为浏览器
Jul 21 Javascript
jQuery中DOM树操作之使用反向插入方法实例分析
Jan 23 Javascript
Javascript 6里的4个新语法
Aug 25 Javascript
原生JS实现匀速图片轮播动画
Oct 18 Javascript
bootstrap+jQuery实现的动态进度条功能示例
May 25 jQuery
浅谈Vuejs Prop基本用法
Aug 17 Javascript
vue-cli开发时,关于ajax跨域的解决方法(推荐)
Feb 03 Javascript
vue项目中使用ueditor的实例讲解
Mar 05 Javascript
JQuery使用属性addClass、removeClass和toggleClass实现增加和删除类操作示例
Nov 18 jQuery
ckeditor一键排版功能实现方法分析
Feb 06 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/01/29 PHP
php使用exec shell命令注入的方法讲解
2013/11/12 PHP
PHP内核探索:变量概述
2014/01/30 PHP
使用ThinkPHP+Uploadify实现图片上传功能
2014/06/26 PHP
Smarty中常用变量操作符汇总
2014/10/27 PHP
PHP获取数组长度或某个值出现次数的方法
2015/02/11 PHP
phpcms中的评论样式修改方法
2016/10/21 PHP
laravel 中如何使用ajax和vue总结
2017/08/16 PHP
Javascript - HTML的request类
2007/01/09 Javascript
利用javascript实现全部删或清空所选的操作
2014/05/27 Javascript
escape编码与unescape解码汉字出现乱码的解决方法
2014/07/02 Javascript
优化Node.js Web应用运行速度的10个技巧
2014/09/03 Javascript
AngularJS仿苹果滑屏删除控件
2016/01/18 Javascript
JS中递归函数
2016/06/17 Javascript
详解js中call与apply关键字的作用
2016/11/21 Javascript
Vue中img的src属性绑定与static文件夹实例
2017/05/18 Javascript
NodeJs使用Mysql模块实现事务处理实例
2017/05/31 NodeJs
JS库之wow.js使用方法
2017/09/14 Javascript
js实现百度淘宝搜索功能
2020/02/17 Javascript
vue keep-alive的简单总结
2021/01/25 Vue.js
[56:13]DOTA2-DPC中国联赛定级赛 LBZS vs Phoenix BO3第一场 1月10日
2021/03/11 DOTA
Python实现竖排打印传单手机号码易撕条
2015/03/16 Python
python在Windows下安装setuptools(easy_install工具)步骤详解
2016/07/01 Python
Python简单的制作图片验证码实例
2017/05/31 Python
python 获取list特定元素下标的实例讲解
2018/04/09 Python
python使用openpyxl库修改excel表格数据方法
2018/05/03 Python
Flask框架请求钩子与request请求对象用法实例分析
2019/11/07 Python
tensorflow实现对张量数据的切片操作方式
2020/01/19 Python
Python反爬虫伪装浏览器进行爬虫
2020/02/28 Python
意大利制造的男鞋和女鞋:SCAROSSO
2018/03/07 全球购物
日本整理专家Marie Kondo的官方在线商店:KonMari
2020/06/29 全球购物
革命先烈的英雄事迹材料
2014/02/15 职场文书
元旦晚会策划方案
2014/02/18 职场文书
庆祝教师节演讲稿
2014/09/03 职场文书
诉讼授权委托书
2014/10/15 职场文书
教师党的群众路线教育实践活动个人整改措施
2014/11/04 职场文书