脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js刷新页面location.reload()

js刷新页面location.reload()用法详解

 更新时间：2019年12月09日 14:26:40   作者：大灰狼的小绵羊哥哥  
这篇文章主要介绍了js刷新页面location.reload()用法详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

本文介绍了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();

这种写法不会显示对话框。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

相关文章

  • JS+CSS实现下拉列表框美化效果（3款）

    JS+CSS实现下拉列表框美化效果（3款）

    这篇文章主要介绍了JS+CSS实现美化的下拉列表框效果,涉及javascript针对下拉列表框样式的相关操作技巧,三款下拉菜单简单大方,需要的朋友可以参考下
    2015-08-08
  • JSONP原理及应用实例详解

    JSONP原理及应用实例详解

    这篇文章主要介绍了JSONP原理及应用实例详解，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2018-09-09
  • 怎么选择Javascript框架(Javascript Framework)

    怎么选择Javascript框架(Javascript Framework)

    如果你正面临这样的问题，希望下面的几个建议对你在选择javascript框架上会有所帮助
    2013-11-11
  • JavaScript中的this妙用实例分析

    JavaScript中的this妙用实例分析

    这篇文章主要介绍了JavaScript中的this妙用,结合实例形式分析了JavaScript中的this基本功能、用法及操作注意事项,需要的朋友可以参考下
    2020-05-05
  • javascript attachEvent绑定多个事件执行顺序问题

    javascript attachEvent绑定多个事件执行顺序问题

    执行顺序是没有规律的，但是每次执行的顺序是一样的，如果是随机那么应该每次执行的顺序都不一样才对，这才是我想要说明的
    2010-10-10
  • JS实现盒子跟着鼠标移动及键盘方向键控制盒子移动效果示例

    JS实现盒子跟着鼠标移动及键盘方向键控制盒子移动效果示例

    这篇文章主要介绍了JS实现盒子跟着鼠标移动及键盘方向键控制盒子移动效果,涉及javascript事件响应及页面元素属性动态操作相关实现技巧,需要的朋友可以参考下
    2019-01-01
  • 如何使用Javascript中的this关键字

    如何使用Javascript中的this关键字

    本文介绍了如何使用Javascript中的this关键字，文中代码简单易懂，对大家的学习或工作有一定帮助，需要的朋友可以参考下
    2020-05-05
  • JavaScript中这6个新特性你都了解了吗

    JavaScript中这6个新特性你都了解了吗

    作为一门不断演进的语言,JavaScript每年都会引入新特性,这篇文章主要为大家整理了一些个人认为特别有用的新JavaScript特性,以及一些补充的实例代码,希望对大家有所帮助
    2024-01-01
  • 微信WeixinJSBridge API使用实例

    微信WeixinJSBridge API使用实例

    这篇文章主要介绍了微信WeixinJSBridge API使用实例,本文直接给出HTML代码,代码中包含了很多实用功能,如图片预览、分享到微博、隐藏右上角按钮、获取网络状态、发起公众号微信支付等内容,需要的朋友可以参考下
    2015-05-05
  • 微信小程序setInterval定时函数新手使用的超详细教程

    微信小程序setInterval定时函数新手使用的超详细教程

    平时开发中为实现倒计时效果可以使用setInterval即可,下面这篇文章主要给大家介绍了关于微信小程序setInterval定时函数新手使用的超详细教程,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-08-08

最新评论