显示数字1-100 ,在页面1点击任意一个数字,跳转到页面2
时间: 2024-02-09 22:10:49 浏览: 24
好的,这个问题很简单,可以通过 JavaScript 实现。下面是实现的思路:
1. 在页面1中创建一个包含数字 1-100 的列表。
2. 为每个数字添加一个点击事件监听器,当用户点击数字时,跳转到页面2。
3. 在页面2中显示用户点击的数字。
下面是实现代码的示例:
页面1:
```html
<!DOCTYPE html>
<html>
<head>
<title>数字列表</title>
<script>
// 添加点击事件监听器
function handleClick(num) {
window.location.href = "page2.html?num=" + num;
}
</script>
</head>
<body>
<h1>数字列表</h1>
<ul>
<!-- 创建数字列表 -->
<?php
for ($i = 1; $i <= 100; $i++) {
echo "<li><a href='javascript:void(0)' onclick='handleClick($i)'>$i</a></li>";
}
?>
</ul>
</body>
</html>
```
页面2:
```html
<!DOCTYPE html>
<html>
<head>
<title>数字详情</title>
</head>
<body>
<h1>数字详情</h1>
<?php
$num = $_GET["num"];
echo "<p>您点击的数字是:$num</p>";
?>
</body>
</html>
```
这样,用户在页面1中点击任意一个数字,就会跳转到页面2,并显示用户点击的数字。注意,这里使用了 PHP 获取页面2中的数字参数,需要在服务器环境中运行才能正常工作。