在界面上显示1~9共9个链接,单击每个链接,能够在另一个页面中打印该数字的平方
时间: 2024-10-07 10:01:23 浏览: 13
在网页设计中,为了实现这个功能,通常可以采用HTML、CSS和JavaScript相结合的方式来完成。首先,创建9个链接元素,每个链接包含对应数字的文本,例如:
```html
<ul>
<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>
```
然后,在JavaScript文件中定义`printSquare()`函数,接受一个参数,表示点击的数字,并计算其平方,如下面的示例:
```javascript
function printSquare(num) {
window.location.href = "result.html?number=" + num; // 跳转到结果页面并传递参数
// 或者使用window.open()打开新窗口,然后直接在新窗口执行打印
// window.open("result.html", "_blank").document.write(num * num);
}
```
在目标“result.html”页面上,你可以通过查询字符串获取数字,并计算平方展示出来。如果是新窗口打开,可以在JavaScript中这样做:
```javascript
var number = parseInt(window.location.search.split("=")[1]); // 获取查询字符串中的数字
document.write(number * number);
```