一夜鱼龙
扫描关注一夜鱼龙

手机QQ扫描二维码

网页自动跳转代码html

一夜鱼龙2020-12-22HTML学习 53 0A+A-

<meta http-equiv="Refresh" content="3;URL=1111111.html" />

不会JavaScript的话就用html语言也可以bai实现

content属性设置时间 url是目标页面。

放在haed中。

可以多个页面连续跳转~

页面首页代码:

<meta http-equiv="Refresh" content="3;URL=1111111.html" />

1111111.html页面的代码:

<meta http-equiv="Refresh" content="3;URL=2222222.html" />

2222222.htnl页面的代码:

<meta http-equiv="Refresh" content="3;URL=3333333.html" />

上面的代码先从首页开始3秒后进入1111111.html页面,再过3秒后进入2222222.html页面,再过3秒后进入3333333.html页面。

======================================================

完整实例代码

第一个文件 文件名为index.html 代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<meta http-equiv="Refresh" content="5;URL=1.html" />
</head>
<body>
<h1>
此页的文件名为index.html<br />
这是第一个没面。。。。<br />
5秒后进入第二个页面。。。<br />
两个页面将循环转向。
</h1>
</body>
</html>

第二个文件 文件名为1.html 代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<meta http-equiv="Refresh" content="5;URL=index.html" />
</head>
<body>
<h3>
此页的文件名为1.html<br />
这是第二个没面。。。。<br />
5秒后进入第一个页面。。
</h3>
</body>
</html>

=================完

这里关键标签就是<meta http-equiv="Refresh" content="5;URL=1.html" />

和<meta http-equiv="Refresh" content="5;URL=index.html" />