页面实现自动刷新的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秒后跳转到http://www.hackhome.com页面

3.页面自动刷新js版

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

w3c 关于setTimeout()的使用介绍:

包含有无穷循环函数

http://www.w3school.com.cn/jsref/met_win_settimeout.asp

http://www.runoob.com/jsref/met-win-settimeout.html

setInterval(code,millisec[,"lang"]):设置循环执行

http://www.w3school.com.cn/jsref/met_win_setinterval.asp

时间: 2024-11-03 22:02:44

页面实现自动刷新的3种方式的相关文章

页面自动刷新的几种方式

有时候,为了实时获得后台变化过的数据,需要自动刷新页面,重新获取数据,那么下面就来看看几种自动刷新的方式: 第一种 <meta http-equiv="refresh" content="3"> “3”,很容易猜到,是指刷新间隔时间.此处不指定url,说明是刷新本页面. 第二种 <meta http-equiv="refresh" content="20;url=http://baidu.com"> 同

网页页面实现自动刷新的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=

ASP.NET页面之间传递值的几种方式

页面传值是学习asp.net初期都会面临的一个问题,总的来说有页面传值.存储对象传值.ajax.类.model.表单等.但是一般来说,常用的较简单有QueryString,Session,Cookies,Application,Server.Transfer 一.QueryString QueryString是一种非常简单的传值方式,他可以将传送的值显示在浏览器的地址栏中.如果是传递一个或多个安全性要求不高或是结构简单的数值时,可以使用这个方法.但是对于传递数组或对象的话,就不能用这个方法了.

不同页面之间实现参数传递的几种方式讨论

不同页面之间实现参数传递的几种方式讨论(黎声)   由于web系统采用http协议在浏览器和服务器之间传输数据,而http协议是一种无状态的协议,如何在不同页面之间传递数据,可以有一下几种方式 方式一:表单方式传递   表单传递参数是一种最简单,也是最基本的参数传递方式.注意:表单元素隐藏按钮的使用 方式二:带参数的url方式传递   带参数的url写法: url?参数名1=值1&参数名2=值2. 方式三:请求request对象   可以将数据绑定到request对象上,通过request对象g

ASP.NET 页面之间传递值的几种方式

1.使用QueryString,  如....?id=1; response. Redirect().... 2.使用Session变量 3.使用Server.Transfer4.Application 5.<input type="hidden"></input> 6.数据库 使用QueryString 使用QuerySting在页面间传递值已经是一种很老的机制了,这种方法的主要优点是实现起来非常简单,然而它的缺点是传递的值是会显示在浏 览器的地址栏上的(不安

不同页面之间实现参数传递的几种方式

由于web系统采用http协议在浏览器和服务器之间传输数据,而http协议是一种无状态的协议,如何在不同页面之间传递数据,可以有一下几种方式: 方式一:表单方式传递表单传递参数是一种最简单,也是最基本的参数传递方式.注意:表单元素隐藏按钮的使用 方式二:带参数的url方式传递带参数的url写法: url?参数名1=值1&参数名2=值2 方式三:请求request对象可以将数据绑定到request对象上,通过request对象getAttribute和setAttribute方法读写 方式四:用户

composer 自动载入的四种方式

对于第三方包的自动加载,Composer提供了四种方式的支持,分别是 PSR-0和PSR-4的自动加载,生成class-map,和直接包含files的方式. 首先引入autoload.php,在主文件 index.php 中. require 'vendor/autoload.php'; PSR-4(推荐) 在composer.json里是这样进行配置的: { "autoload": { "psr-4": { "Foo\\": "src

使用JS实现页面内跳转的两种方式

第一种方式是直接使用锚点配合链接标签: <h2 id="h2-anchor">Scroll to here</h2> <a href="#h2-anchor">Jump to H2</a> 现在大多数实现都采用该种方式.但是这种方式没有动画效果,跳转是直接发生的. 第二种方式使用jQuery中的animate方法实现: var target= $('#h2-anchor').offset().top; $('body'