使用 JSP 和 JavaScript 打印九九乘法表

JSP 表达式方式

JSP 允许在 HTML 页面中嵌入 Java 代码，由服务器端在执行时生成最终的 HTML 内容。这种方式适用于需要在返回给浏览器之前进行数据计算或从数据库获取信息的场景。以下是基于 JSP 的九九乘法表示例，它使用了嵌套循环来构建一个带有边框的表格：

<center>
<table border="1">
<%
for (int i = 1; i <= 9; i++) {
%>
<tr>
<%
for (int j = 1; j <= 9; j++) {
%>
<td>
<%
if (j <= i) {
%> <%=i %>*<%=j %>=<%=i * j %> <%
}
else
%> &nbsp; 
</td>
<%
}
%>
</tr>
<%
}
%>
</table>
</center>

在上述代码中，外层循环控制行数 i，内层循环控制列数 j。当 j <= i 时显示乘法算式，否则插入空格以保持三角形布局整齐。<%= %> 标签用于输出变量的值。

JavaScript 方式

相比于 JSP 的服务端生成，JavaScript 可以直接在浏览器客户端执行，动态操作 DOM 元素或写入整个 HTML 结构。以下是一个完整的 HTML 文件示例，通过 document.write 方法直接在页面上绘制九九乘法表：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>99乘法表</title>
<script type="text/javascript">
document.write("<center><table border='3'>");
for (i = 1; i <= 9; i++) {
document.write("<tr>");
for (j = 1; j <= 9; j++) {
if (j <= i) {
document.write("<td>" + i + "*" + j + "=" + i * j + "</td>")
}
else
document.write("<td>&nbsp</td>");
}
document.write("</tr>");
}
document.write("</table></center>");
</script>
</head>
<body>
</body>
</html>

该脚本使用了类似的嵌套循环逻辑。需要注意的是，document.write 方法会在当前文档流中覆盖或追加内容。在现代 Web 开发中，更推荐使用 DOM API（如 createElement 或 insertAdjacentHTML）来操作页面，以获得更好的性能和可维护性。此外，将样式控制在 CSS 中而非 HTML 属性（如 border）也是良好的实践。

总结

无论是 JSP 还是 JavaScript，其核心算法逻辑都是一致的：双重循环遍历 1 到 9 的数字，并配合条件判断来呈现三角形的乘法表格式。JSP 适合处理需要服务端交互的场景，而 JavaScript 则更适合纯前端的动态展示需求。

以上就是使用 JSP 和 JavaScript 打印九九乘法表代码的详细内容，更多关于前端开发基础及 JavaWeb 实战的资料请关注本站其它相关文章！