用JSP编写一个九九乘法表问题?
<body>
<%
int a,b;
for(a=1;a<=9;a++){
for(b=1;b<=a;b++){
out.print(a+"*"+b+"="+(a*b)+"\t");
}
out.println();
}
%>
</body> 展开
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Hello JSP</title>
</head>
<body>
<!-- 九九乘法表 -->
<table id="table1">
<%
for(int i=1;i<=9;i++)
{
%>
<tr> <!-- i行 -->
<%
for(int j=1;j<=i;j++)
{
%>
<td> <!-- j列 -->
<%
out.print(i+"*"+j+"="+(i*j));
%>
</td>
<%
}
%>
</tr>
<%
}
%>
</table>
</body>
<script type="text/javascript" src="js/jquery-1.11.0.js"></script>
<script type="text/javascript">
$("#table1 tr:even").css("background-color","bisque");
$("#table1 tr:odd").css("background-color","#D6BCD6");
</script>
</html>
换行:利用<table>来控制乘法表的格式,共9*9,但并不是每行都有9列,所以要用jsp编写双重for循环控制每行的列数。
扩展资料:
用JSP输出九九乘法表
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<%@ page import="java.util.*" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>打印九九乘法表</title>
</head>
<body>
<%
long startTime = System.nanoTime();//记录开始时间单位是纳秒
%>
输出九九乘法表
<hr>
<%
for(int i = 1;i <= 9;i++)
{
for(int j = 1;j<=i;j++)
{
String str = j + "*" + i + "=" + j * i;
out.print(str+" ");
}
out.print("<br>");
}
long time = System.nanoTime() - startTime;
%>
生成九九乘法表用时为(单位是纳秒):
<%
out.print(time/1000);
%>
</body>
</html>
<pre>通过css实现自动换行:
pre{
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
<pre> 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体
<pre> 标签的一个常见应用就是用来表示计算机的源代码。
下图为输出:
扩展资料:
标准代码:
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Hello JSP</title>
</head>
<body>
<!-- 九九乘法表 -->
<table id="table1">
<%
for(int i=1;i<=9;i++)
{
%>
<tr> <!-- i行 -->
<%
for(int j=1;j<=i;j++)
{
%>
<td> <!-- j列 -->
<%
out.print(i+"*"+j+"="+(i*j));
%>
</td>
<%
}
%>
</tr>
<%
}
%>
</table>
</body>
<script type="text/javascript" src="js/jquery-1.11.0.js"></script>
<script type="text/javascript">
$("#table1 tr:even").css("background-color","bisque");
$("#table1 tr:odd").css("background-color","#D6BCD6");
</script>
</html>
推荐于2017-05-16
<%
int a,b;
for(a=1;a<=9;a++){
for(b=1;b<=a;b++){
out.print(a+"*"+b+"="+(a*b)+"\t");
}
out.print("<br/>");
}
%>
</body>
这样不行么?