写一个完整的随机跳转链接html代码给我,自动随机跳转到三条链接的任意一条里面。页面只显示正在为您规划路线。。。。。
时间: 2024-04-27 14:23:25 浏览: 8
好的,下面是代码:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>随机跳转链接</title>
<meta http-equiv="refresh" content="0;url=http://www.link1.com">
<script>
var urls = [
'http://www.link1.com',
'http://www.link2.com',
'http://www.link3.com'
];
var randomIndex = Math.floor(Math.random() * urls.length);
var randomUrl = urls[randomIndex];
window.location.href = randomUrl;
</script>
</head>
<body>
正在为您规划路线......
</body>
</html>
```
解释一下代码:
- `<meta http-equiv="refresh" content="0;url=http://www.link1.com">` 这一行代码的作用是:在页面加载完成后立即跳转到指定的链接。我们将它的 `content` 属性设置为 0,表示立即跳转。
- `<script>` 标签内的代码是 JavaScript 代码,用来实现随机跳转。它首先定义了一个数组 `urls`,里面存放了三个链接。然后通过 `Math.random()` 方法生成一个 0 到 1 之间的随机数,再将它乘上 `urls.length`,取整后得到一个随机的数组下标 `randomIndex`。最后使用 `window.location.href` 将页面跳转到对应的链接。
在页面中间加上“正在为您规划路线......”这句话,就可以了。