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和JQUERY获取页面大小,滚动条位置,元素位置(示例代码)
Dec 14 Javascript
node.js中的querystring.unescape方法使用说明
Dec 10 Javascript
jquery图片切换实例分析
Apr 15 Javascript
jQuery的事件委托实例分析
Jul 15 Javascript
详解javascript中的事件处理
Nov 06 Javascript
第八篇Bootstrap下拉菜单实例代码
Jun 21 Javascript
Javascript中this绑定的3种方法与比较
Oct 13 Javascript
bootstrap输入框组使用方法
Feb 07 Javascript
利用node.js+mongodb如何搭建一个简单登录注册的功能详解
Jul 30 Javascript
基于webpack.config.js 参数详解
Mar 20 Javascript
详解微信小程序用定时器实现倒计时效果
Apr 30 Javascript
微信小程序实现多行文字滚动
Nov 18 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实现微信公众号无限群发
2015/10/11 PHP
PHP检测链接是否存在的代码实例分享
2016/05/06 PHP
PHP基于MySQLI函数封装的数据库连接工具类【定义与用法】
2017/08/11 PHP
stripos函数知识点实例分享
2019/02/11 PHP
如何让您的中波更粗更长 - 中波框形天线制作
2021/03/10 无线电
一些实用的jQuery代码片段收集
2011/07/12 Javascript
js控制CSS样式属性语法对照表
2012/12/11 Javascript
js鼠标滑轮滚动事件绑定的简单实例(兼容主流浏览器)
2014/01/14 Javascript
自己用jQuery写了一个图片的马赛克消失效果
2014/05/04 Javascript
javascript实现分栏显示小技巧附图
2014/10/13 Javascript
轻松学习jQuery插件EasyUI EasyUI创建CRUD应用
2015/11/30 Javascript
JavaScript中的遍历详解(多种遍历)
2017/04/07 Javascript
详谈jQuery中使用attr(), prop(), val()获取value的异同
2017/04/25 jQuery
Js实现中国公民身份证号码有效性验证实例代码
2017/05/03 Javascript
以BootStrap Tab为例写一个前端组件
2017/07/25 Javascript
JS解析后台返回的JSON格式数据实例
2018/08/06 Javascript
jQuery选择器之层次选择器用法实例分析
2019/02/19 jQuery
js实现滑动滑块验证登录
2020/07/24 Javascript
Vue 简单实现前端权限控制的示例
2020/12/25 Vue.js
[13:55]Newbee vs Team Spirit
2018/06/07 DOTA
用python实现简单EXCEL数据统计的实例
2017/01/24 Python
Python实现字符串与数组相互转换功能示例
2017/09/22 Python
Python编写Windows Service服务程序
2018/01/04 Python
Django后台admin的使用详解
2019/07/08 Python
python实发邮件实例详解
2019/11/11 Python
python中函数返回多个结果的实例方法
2020/12/16 Python
pandas apply使用多列计算生成新的列实现示例
2021/02/24 Python
css3让div随鼠标移动而抖动起来
2014/02/10 HTML / CSS
澳洲的服装老品牌:SABA
2018/02/06 全球购物
5个HTML5的常用本地存储方式详解与介绍
2021/03/27 HTML / CSS
学校捐书活动总结
2015/05/08 职场文书
婚姻出轨保证书
2015/05/08 职场文书
三八节活动简报
2015/07/20 职场文书
卖车协议书范文
2016/03/23 职场文书
护士年终工作总结不会写?各科护士模板总结
2020/01/02 职场文书
Python下opencv使用hough变换检测直线与圆
2021/06/18 Python