页面自动刷新的几种方式

有时候,为了实时获得后台变化过的数据,需要自动刷新页面,重新获取数据,那么下面就来看看几种自动刷新的方式:

第一种


<meta http-equiv="refresh" content="3">

“3”,很容易猜到,是指刷新间隔时间。此处不指定url,说明是刷新本页面。

第二种


<meta http-equiv="refresh" content="20;url=http://baidu.com">

同上面,“20”指刷新间隔时间,url为刷新后指定的页面。

第三种


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

第三种即为js控制的了,通过timeout来实现。

本文启发于http://www.cnblogs.com/clear93/p/4643615.html,又加了点其他的方式。

时间: 2024-10-12 09:22:34

页面自动刷新的几种方式的相关文章

页面实现自动刷新的3种方式

1.页面自动刷新:把如下代码加入<head>区域中 <meta http-equiv="refresh" content="20">,其中20指每隔20秒刷新一次页面. 2.页面自动跳转:把如下代码加入<head>区域中 <meta http-equiv="refresh" content="20;url=http://www.hackhome.com">,其中20指隔20秒后跳

网页页面实现自动刷新的3种代码

网页自动不停刷新,或者过一段时间自动跳转到另外一个你自己设定的页面? 其实实现这个效果非常地基本,而且这个效果甚至不能称之为特殊效果.你只要把如下代码加入你的网页中就可以了. 1.页面自动刷新:把如下代码加入<head>区域中 <meta http-equiv="refresh" content="20">,其中20指每隔20秒刷新一次页面. 2.页面自动跳转:把如下代码加入<head>区域中 <meta http-equi

html页面实现自动刷新的几种方法

使用场景: 1. 页面需要定时刷新,实时加载数据(H5中的WebSocket和SSE可以实现局部刷新) 2. 一定时间之后跳转到指定页面(登录注册之类) 3. 前端开发使用伪数据调试html页面(修改一些js的变量值,可以自动刷新效果) 示例代码: 1. 页面自动刷新注:其中10指每隔10秒刷新一次页面. 1 <meta http-equiv="refresh" content="10"> 2.跳转到指定页面 1 <meta http-equiv=

打开页面自动刷新网页,自动刷新当前页面,JS调用

reload 方法,该方法强迫浏览器刷新当前页面.语法:location.reload([bForceGet]) 参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页.true, 则以 GET 方式,从服务端取最新的页面, 相当于客户端点击 F5("刷新") replace 方法,该方法通过指定URL替换当前缓存在历史里(客户端)的项目,因此当使用replace方法之后,你不能通过"前进"和"后退"来访问已经被替换

页面自动刷新常用方法

在javascript编程中,经常在更新数据之后用到location.reload()实现页面刷新. reload() 方法用于重新加载当前的文档.如果该方法没有规定参数,或者参数是 false,它就会用 HTTP 头 If-Modified-Since 来检测服务器上的文档是否已改变.如果文档已改变,reload() 会再次下载该文档.如果文档未改变,则该方法将从缓存中装载文档.这与用户单击浏览器的刷新按钮的效果是完全一样的. 我们都知道客户端浏览器是有缓存的,里面存放之前访问过的一些网页文件

php页面跳转的几种方式

@: PHP页面跳转的三种方式 第一种方式:header() header()函数的主要功能是将HTTP协议标头(header)输出到浏览器. 语法: void header ( string $string [, bool $replace = true [, int $http_response_code ]] ) 可选参数replace指明是替换前一条类似标头还是添加一条相同类型的标头,默认为替换. 第二个可选参数http_response_code强制将HTTP相应代码设为指定值. he

【转】【ASP.NET MVC系列】浅谈ASP.NET 页面之间传值的几种方式

ASP.NET MVC系列文章 原文地址:https://www.cnblogs.com/wangjiming/p/6275854.html [01]浅谈Google Chrome浏览器(理论篇) [02]浅谈Google Chrome浏览器(操作篇)(上) [03]浅谈Google Chrome浏览器(操作篇)(下) [04]浅谈ASP.NET框架 [05]浅谈ASP.NET MVC运行过程 [06]浅谈ASP.NET MVC 控制器 [07]浅谈ASP.NET MVC 路由 [08]浅谈AS

JavaScript实现页面跳转的五种方式

JavaScript实现页面跳转的五种方式 第一种:<script type="text/javascript" language="javascript"> window.location.href="login.jsp?backurl="+window.location.href;</script> 第二种:<script type="text/javascript" language=&qu

如何做页面自动刷新,又不用让用户按回车键来提交数据!

假设叶面中有如下form: <form name=InputDate> ... </form> 如果页面要自动刷新,但该页面有Request.Form,那么通常会出现一个提示框,需要用户确定来提交数据,这就不是自动 刷新了.而对于监控或股票显示来说,不要用户干预又非常重要,下面就可以解决该问题: <Script Language="JavaScript"> <!-- var limit="0:60" //定义刷新时间 if