运行环境及工具：
（Tomcat7） + （JAVA JDK）+ (Eclipse for J2EE)
输出9*9乘法表
代码片段的练习
增加一些简单的JS功能
<%@ page import="java.util.*"%>
<%@ page import="java.text.SimpleDateFormat"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="GBK"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style>
ul{list-style-type:none;}
#inlblo{display:inline-block;}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JSP学习-test4-9*9乘法表</title>
</head>
<body>
<h1>输出9*9乘法表</h1>
<%
String str=" ";
for(int i=1;i<10;i++){
for(int j=1;j<=i;j++){
str=j+"乘"+i+"等于"+(i*j)+"\t";
%>
<%=str %>
<%
}
%><br><%
}
%>
<p>主要知识点:代码片段-嵌套</p>
<h3>乘法表加强</h3>
<p>练习：</p>
<p>输入计算结果，按回车提示是否正确：</p>
<ul>
<li>
<ul>
<li>1x1=<input name="inname11" type="text" style="width:25px;" onkeypress="if(event.keyCode==13 && value==1){alert('正确！');} if(event.keyCode==13 && value!=1){alert('错误！');}"/></li>
</ul>
</li>
</ul>
<ul>
<li>
<ul class="textInlineBlc">
<li id="inlblo">1x2=<input name="inname12" type="text" style="width:25px;" onkeypress="if(event.keyCode==13 && value==2){alert('正确！');} if(event.keyCode==13 && value!=2){alert('错误！');}"/></li>
<li id="inlblo">2x2=<input name="inname22" type="text" style="width:25px;" onkeypress="if(event.keyCode==13 && value==4){alert('正确！');} if(event.keyCode==13 && value!=4){alert('错误！');}"/></li>
</ul>
</li>
</ul>
<ul>
<li>
<ul class="textInlineBlc">
<li id="inlblo">1x3=<input name="inname13" type="text" style="width:25px;" onkeypress="if(event.keyCode==13 && value==3){alert('正确！');} if(event.keyCode==13 && value!=3){alert('错误！');}"/></li>
<li id="inlblo">2x3=<input name="inname23" type="text" style="width:25px;" onkeypress="if(event.keyCode==13 && value==6){alert('正确！');} if(event.keyCode==13 && value!=6){alert('错误！');}"/></li>
<li id="inlblo">3x3=<input name="inname33" type="text" style="width:25px;" onkeypress="if(event.keyCode==13 && value==9){alert('正确！');} if(event.keyCode==13 && value!=9){alert('错误！');}"/></li>
</ul>
</li>
</ul>
<h3>乘法表再加强</h3>
<p>判断：点击结果正确的选项</p>
暂时不加强~~属于js范畴
<hr>
<h3>输出金字塔</h3>
<p>代码片段的练习</p>
</body>
</html>
运行如下
翻看教材示例用的是直接输出str这个超长字符串，即是乘法表的每一个小字符串连接成一个大字符串，然后输出，具体如下：
<%
String str="";
for(int i=1;i<10;i++){
for(int j=1;j<=i;j++){
str+=j+"*"+i+"="+(i*j)+" ";
}
str+="<br>";
}
%>
<%=str %>
继续输出 * 金字塔：
<body>
<center>【*】 金字塔</center>
<br>
<%
for(int i=0;i<10;i++){
String str="*";
for(int j=0;j<i;j++){
str+="**";
}
%>
<%="<center>"+str+"<br>"+"</center>" %>
<%
}
%>
</body>
运行结果：
