网页自动刷新代码
当我们制作网页的时候,有时候需要让页面产生一个过渡效果,让一个网页展示一段时间后自动跳转倒另外一个网页,或者需要让当前的网页每隔一段时间就自动刷新,下面把在网上找到的相关网页自动刷新代码发出来和大家分享。
1、页面自动刷新:把代码<meta http-equiv="refresh" content="20">加到<head>和</head>区域之间,其中20指每隔20秒刷新一次页面;
2、页面自动跳转:把代码<meta http-equiv="refresh"content="20;url=http://www.xxol.net">加到<head>和</head>区域之间,其中20指隔20秒后跳转到http://www.xxol.net这个网站,当然了,也可以把<meta http-equiv="refresh"content="20;url=http://www.xxol.net">改成<meta http-equiv="refresh"content="20;url=index2.html">,这样就从当前网页自动跳转到index2.html这个网页。
具体示例如下:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta http-equiv="refresh" content="20">
<title>网页自动刷新代码</title>
另外因为网页自动刷新的时候会有声音出现,这个是因为meta标签中的refresh属性导致的,所以我们把上面的代码修改一下,然后把放置的位置也改变一下,就可以去掉声音。具体操作是大家只要在body属性里面加上这么一句就可以,示例如下:
<body onload="setTimeout( this.location.reload(); ,2000);">
这个2000就是2秒钟。
相关新闻>>
- 发表评论
-
- 最新评论 更多>>