在界面上显示1~9共9个链接,单击每个链接,能够在另一个页面中打印该数字
时间: 2024-10-06 18:04:36 浏览: 12
在网页设计中,如果你想要创建一个显示1到9的链接,并且用户点击每个链接会在新页面打印出对应数字的效果,你可以采用HTML和JavaScript结合的方式来实现。以下是简单的步骤:
1. **HTML部分**:
创建九个`<a>`标签,每个标签包含一个数字作为锚点,同时设置`href`属性指向目标页面,如使用`#number`的形式,其中`number`是数字对应的ID。
```html
<a href="#1">1</a>
<a href="#2">2</a>
<a href="#3">3</a>
<a href="#4">4</a>
<a href="#5">5</a>
<a href="#6">6</a>
<a href="#7">7</a>
<a href="#8">8</a>
<a href="#9">9</a>
```
2. **目标页面(例如:print_page.html)**:
这个页面接收到请求后,通过JavaScript获取URL参数(即`#number`),然后动态打印出来。
```html
<!DOCTYPE html>
<html lang="en">
<head>
<title>Print Number</title>
</head>
<body>
<script>
function printNumber() {
var number = window.location.hash.substring(1); // 获取URL中#之后的部分
document.write(number);
}
printNumber();
</script>
</body>
</html>
```
当用户点击第一个页面的"1"链接时,浏览器会跳转到`print_page.html#1`,由于JavaScript的运行环境,会触发`printNumber()`函数并打印出数字1。