在页面1上显示1-9共9个链接单击每个链接,能够在另一个页面中打印该数字的平方
时间: 2024-09-14 18:17:17 浏览: 61
在网页设计中,你可以创建一个简单的HTML布局,在页面1上展示1到9的数字链接,每个链接关联一个JavaScript事件处理程序。例如:
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<title>数字链接</title>
</head>
<body>
<ul id="numberLinks">
<li><a href="#" onclick="printSquare(1)">1</a></li>
<li><a href="#" onclick="printSquare(2)">2</a></li>
<!-- ...重复结构直到9 -->
<li><a href="#" onclick="printSquare(9)">9</a></li>
</ul>
<script>
function printSquare(num) {
// 避免直接修改DOM元素,可以使用一个隐藏的div来存储结果
const resultDiv = document.getElementById("result");
resultDiv.textContent = num * num; // 打印数字的平方
}
</script>
<div id="result" style="display:none;"></div>
</body>
</html>
```
在这个例子中,当用户点击某个数字链接时,`printSquare`函数会被调用,并将当前链接对应的数字传递进去。函数内部计算数字的平方并将其显示在页面上一个隐藏的`<div>`元素中。