JavaScript自动刷新页面的方法

由 kamiya 创建, 最后一次修改 2016-08-11

使用JavaScript location.reload方法刷新网页。当用户点击一个链接此代码可以自动在一个事件调用。
如果想使用鼠标点击刷新网页,可以用下面的代码:

<a href="javascript:location.reload(true)">Refresh Page</a>

要了解它更好的办法,可以刷新页面
自动刷新:
还可以使用JavaScript后自动给定时间段,以刷新页面。以下是每5秒后会刷新此页面的例子。可以改变这个时候按您的要求。

<html>
<head>
<script type="text/JavaScript">
<!--
function AutoRefresh( t ) {
 setTimeout("location.reload(true);", t);
}
//  -->
</script>
</head>
<body οnlοad="JavaScript:AutoRefresh(5000);">
<p>This page will refresh every 5 seconds.</p>
</body>
</html>
这里的 setTimeout()是一个内置的JavaScript函数,可用于给定的时间间隔之后执行另一个函数。

javascript 强制刷新页面的实现代码

Javascript刷新页面的几种方法: 
1 history.go(0) 
2 location.reload() 
3 location=location 
4 location.assign(location) 
5 document.execCommand('Refresh') 
6 window.navigate(location) 
7 location.replace(location) 
8 document.URL=location.href 

自动刷新页面的方法: 
1.页面自动刷新:把如下代码加入<head>区域中 
<meta http-equiv="refresh" content="20"> 
其中20指每隔20秒刷新一次页面.

2.页面自动跳转:把如下代码加入<head>区域中 
<meta http-equiv="refresh" content="20;url=http://www.jb51.net"> 
其中20指隔20秒后跳转到http://www.jb51.net页面

3.页面自动刷新js版

代码如下:

<script language="JavaScript"> 
function myrefresh() 

window.location.reload(); 

setTimeout('myrefresh()',1000); //指定1秒刷新一次 
</script>

ASP.NET如何输出刷新父窗口脚本语句 
1. this.response.write("<script>opener.location.reload();</script>"); 
2. this.response.write("<script>opener.window.location.href = opener.window.location.href;</script>"); 
3. Response.Write("<script language=javascript>opener.window.navigate(''你要刷新的页.asp'');</script>")

JS刷新框架的脚本语句 
//如何刷新包含该框架的页面用 
<script language=JavaScript> 
parent.location.reload(); 
</script>

//子窗口刷新父窗口 
<script language=JavaScript> 
self.opener.location.reload(); 
</script> 
( 或 <a href="javascript:opener.location.reload()">刷新</a> )

//如何刷新另一个框架的页面用 
<script language=JavaScript> 
parent.另一FrameID.location.reload(); 
</script>

如果想关闭窗口时刷新或者想开窗时刷新的话,在<body>中调用以下语句即可。

<body οnlοad="opener.location.reload()"> 开窗时刷新 
<body onUnload="opener.location.reload()"> 关闭时刷新

<script language="javascript"> 
window.opener.document.location.reload() 
</script>

//跳出页面 
<SCRIPT LANGUAGE=JAVASCRIPT> 
<!-- 
if (top.location !== self.location) { 
top.location=self.location; 
}

javascript 页面只自动刷新一次

代码如下:

<Script> 
function reurl(){ 
url = location.href; //把当前页面的地址赋给变量 url 
var times = url.split("?"); //分切变量 url 分隔符号为 "?" 
if(times[1] != 1){ //如果?后的值不等于1表示没有刷新 
url += "?1"; //把变量 url 的值加入 ?1 
self.location.replace(url); //刷新页面 


οnlοad=reurl 
</script>

地址:https://www.w3cschool.cn/xqw2e7/5bom12y1.html

JavaScript页面刷新的所有方法相关推荐

  1. html-javascript前端页面刷新重载的方法汇总

    记得我在兴安得力实习要转正的时候,我领导象征性的给我出了一套测试题目,里面就有js闭包和页面刷新等题目.今天把很久之前的测试题目之一,js页面刷新的方法以及页面自动刷新跳转和返回上一页和下一页等方法总 ...

  2. ASP.NET页面刷新的实现方法

    先看看ASP.NET页面刷新的实现方法: 第一: private void Button1_Click( object sender, System.EventArgs e ) { Response. ...

  3. JavaScript页面刷新的方法

    1,reload方法 该方法强迫浏览器刷新当前页面. 语法:location.reload() 2,replace方法 当使用replace方法之后,不能通过"前进"和" ...

  4. javascript 页面刷新

    Javascript刷新页面的几种方法: 1    history.go(0) 2    location.reload() 3    location=location 4    location. ...

  5. js(javascript)页面刷新

    javascript refresh page 几种页面刷新的方法 本节内容:Javascript刷新当前页面的方法与实例. window.location.reload(),window.histo ...

  6. jQuery页面刷新的一些方法

    jQuery页面刷新的几种方法 window.location.reload(),window.history.go(0)和document.execCommand(''Refresh''),这三个方 ...

  7. JavaScript 页面资源加载方法onload,onerror总结

    资源加载:onload,onerror 浏览器允许我们跟踪外部资源的加载 -- 脚本,iframe,图片等. 这里有两个事件: onload -- 成功加载, onerror -- 出现 error. ...

  8. javascript页面刷新与定时跳转页面

    1.页面自动刷新:把以下代码放入<head>区域中 <meta http-equiv="refresh" content="20"> 其 ...

  9. VUE项目部署Tomcat页面刷新404问题解决方法

    问题描述 vue项目在本地开发环境运行正常,打包部署至线上Tomcat服务后,不刷新浏览器时工作正常,一刷新浏览器就报404错误,错误截图如下: 错误描述:404,源服务器未能找到目标资源的表示或者是 ...

  10. HTML页面刷新及其应用例子

    HTML页面刷新及其应用例子 刷新一般指重新载入当前页面.本文先给出html页面刷新重载方法汇总,再给出示例. html页面刷新重载方法汇总 一.javascript页面刷新重载的方法: <a ...

最新文章

  1. IDEA中git的使用和分支的创建
  2. JAVA并发编程8_线程池的使用
  3. 现有工程项目上加响应式
  4. 2018-2019-2 网络对抗技术 20165227 Exp4 恶意代码分析
  5. 简单3步成功给Mac安装指定Python版本和指定库版本并且随意切换版本,非常简单,不行拿砖砸我
  6. java 链表反转_面试必备 | 不可不会的反转链表
  7. ZOJ 3988 2017CCPC秦皇岛 H:Prime Set(二分匹配)
  8. Oralce 导入dpm 文件数据
  9. java 加入音乐_如何实现java插入背景音乐
  10. 老系统维护(一)[转]
  11. 大数据发展的根基是什么?
  12. 【异常处理】Word2016 出现“此功能看似已中断 并需要修复
  13. java nio为什么是非阻塞_Java nio都是非阻塞IO么?并非如此
  14. win7 显示快捷方式扩展名 lnk
  15. python实现税后工资_Python扣除个人税后的工资计算器
  16. 报表同比环比sql笔记
  17. .Net Core WebApi 模型验证的处理
  18. 【备忘】linux视频
  19. Apache与Nginx虚拟机的三种访问+非简单请求+跨域知识点整理
  20. vue移动端实现图片预览

热门文章

  1. PS2手柄通讯协议解析---附资料和源码
  2. MJKDZ PS2手柄控制OskarBot小车(二):硬件连接与通信时序
  3. 计算机无法启动print,本地计算机无法启动print spooler服务,错误1069怎么处理
  4. 自定义形状的ImageView制作
  5. 如何用计算机ip连接打印机共享,ip共享打印机怎么设置
  6. 深度学习——卷积神经网络(CNN)
  7. AE怎么切换中英文版本?1分钟学会切换AE版本语言
  8. 《一》微信小程序简介
  9. 微软必应词典案例分析
  10. C++类对象创建过程(分配空间、赋值和初始化、对象初始化顺序、虚函数表指针)