HTML+CSS+JavaScript网页制作实用教程
上QQ阅读APP看书,第一时间看更新

2.4.6 课堂案例——定义页面的跳转

使用<meta>标记可以使网页在一定时间后自动刷新,这可通过将http-equiv属性值设置为refresh来实现。content属性值可以设置为更新时间。

在浏览网页时经常会看到一些欢迎信息的页面,经过一段时间后,这些页面会自动转到其他页面,这就是网页的跳转。

语法:


<meta http-equiv="refresh" content="跳转的时间;URL=跳转到的地址">

说明:refresh表示网页的刷新,而在content中设置刷新的时间和刷新后的链接地址,时间和链接地址之间用分号相隔。默认情况下,跳转时间以秒为单位。

举例:


<!doctype html>
<html>
<head>
<meta http-equiv="refresh" content="20;url=index1.html">
<title>网页的定时跳转</title>
</head>
<body>
20秒后自动跳转
</body>
</html>

在代码中加粗的部分是设置的网页的定时跳转,这里设置为20秒后跳转到index1.html页面。在浏览器中可以看出,跳转前如图2.13所示,跳转后如图2.14所示。

图2.13 跳转前

图2.14 跳转后