当前位置: 移动技术网 > IT编程>开发语言>JavaScript > JS关于刷新页面的相关总结

JS关于刷新页面的相关总结

2018年05月11日  | 移动技术网IT编程  | 我要评论

很多程序员无论是新手还是老的程序员都避免不了关于js刷新页面的相关内容,在本文中我们整理了移动技术网总结的关于js页面刷新的相关重要知识点文章,一起来跟着学习下。

js刷新当前页面的几种方法总结

  • reload 方法,该方法强迫浏览器刷新当前页面
  • replace 方法,该方法通过指定url替换当前缓存在历史里(客户端)的项目,因此当使用replace方法之后,你不能通过“前进”和“后退”来访问已经被替换的url
  • 返回并刷新页面
  • 自动刷新页面的方法

  • 页面自动刷新
  • 页面自动跳转
  • 页面自动刷新js版
  • js刷新框架的脚本语句
  • js相关刷新的实例代码

  1. <a href="javascript:history.go(-1)" rel="external nofollow" >返回上一页</a>
  2. <a href="javascript:location.reload()" rel="external nofollow" >刷新当前页面</a>
  3. <a href="javascript:" rel="external nofollow" rel="external nofollow" rel="external nofollow" onclick="history.go(-2); ">返回前两页</a>
  4. <a href="javascript:" rel="external nofollow" rel="external nofollow" rel="external nofollow" onclick="self.location=document.referrer;">返回上一页并刷新</a>
  5. <a href="javascript:" rel="external nofollow" rel="external nofollow" rel="external nofollow" onclick="history.back(); ">返回上一页</a>

刷新页面的几种方法小结(js,asp.net)

  • history.go(0)
  • location.reload()
  • location=location
  • location.assign(location)
  • document.execcommand('refresh')
  • window.navigate(location)
  • location.replace(location)
  • document.url=location.href

  • a链接刷新页面与js刷新页面用法示例介绍
  • a链接的使用操作
  • js怎么刷新当前页面
  • location.replace(location.href);
  • js刷新框架的脚本语句

<script language="javascript"> 
function myrefresh() 
{ 
window.location.reload(); 
} 
settimeout('myrefresh()',1000); //指定1秒刷新一次 
</script> 

js 刷新框架页的代码

  • 语句1. window.parent.frames[1].location.reload();
  • 语句2. window.parent.frames.bottom.location.reload();
  • 语句3. window.parent.frames["bottom"].location.reload();
  • 语句4. window.parent.frames.item(1).location.reload();
  • 语句5. window.parent.frames.item('bottom').location.reload();
  • 语句6. window.parent.bottom.location.reload();
  • 语句7. window.parent['bottom'].location.reload();

  • js 重载页面,本地刷新,返回上一页
  • js定时刷新知识点实例
  • js刷新框架的脚本语句
  • 子窗口刷新父窗口
  • 如何刷新另一个框架的页面用

js实现重新加载当前页面

介绍用javascript刷新上级页面和当前页面,附上具体实例代码。

js定时刷新页面及跳转页面的方法

  1. 页面自动刷新:把如下代码加入<head>区域中<meta http-equiv="refresh" content="20"> 其中20指每隔20秒刷新一次页面.
  2. 页面自动跳转:把如下代码加入<head>区域中 <meta http-equiv="refresh" content="20;url=//www.jb51.net"> 其中20指隔20秒后跳转到//www.jb51.net/tools/files.shtml页面
  3. 页面自动刷新js版

有的时候需要手动调用来刷新界面,比如非动态切换的语言模式啊,风格样式啊什么的。这篇内容给大家整理了简单的实例代码。

<body onload="opener.location.reload()"> 开窗时刷新 
<body onunload="opener.location.reload()"> 关闭时刷新 
<script language="javascript"> 
window.opener.document.location.reload() 
</script> 

无闪烁更新网页内容js实现

  • 无闪烁更新网页的课题比较大。
  • 加载的html字符串(通过ajax获取的),如果还需要运行代码,那么肯定有问题。
  • 希望用一个不显示的iframe来承载这个对象。这有点dirty work的感觉。

浅析js刷新框架中的其他页面 && js刷新窗口方法汇总

总结了js asp.net等在不同环境中实现页面和窗口刷新的方法。

js实现无刷新删除内容

这篇文章给大家详细分析了js实现无刷新删除相关列表和文字内容的方法,适合在app或者一些特殊需求的后台操作中。

以上就是小编给大家整理了关于移动技术网里精选的js刷新页面相关的内容,通过学习可以让大家彻底了解相关的知识点和实际用法,收藏下吧。

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网