运行环境及工具：

（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>

运行结果：

JAVA WEB 的JSP(9*9乘法表+*型金字塔)的更多相关文章

  1. go输出九九乘法表和金字塔

    用go语言实现输出九九乘法表和金字塔: 1.输出九九乘法表: 代码示例: package main import ( "fmt" "time" ) //实现99 ...

  2. 初学Java Web(6)——JSP学习总结

    为什么要学习 JSP Servlet 的短板: Servlet 的出现,是为了解决动态输出网页的问题. 虽然这样做目的能达到,但是存在一些缺陷: 在 Servlet 输出网页片段非常恶心 (可读性差, ...

  3. Java Web之JSP技术

    JSP全称是Java Server Pages,它和servle技术一样,都是SUN公司定义的一种用于开发动态web资源的技术.JSP这门技术的最大的特点在于,写jsp就像在写html,但它相比htm ...

  4. java攻城师之路--复习java web之jsp入门_El表达式_JSTL标签库

    JSP 技术掌握:JSP语法 + EL + JSTL 为什么sun推出 JSP技术 ? Servlet 生成网页比较复杂,本身不支持HTML语法,html代码需要通过response输出流输出,JSP ...

  5. Java EE 在网页输出九九乘法表、三角形、菱形

    <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding= ...

  6. Java Web(五) JSP详解(四大作用域九大内置对象等)

    前面讲解了Servlet,了解了Servlet的继承结构,生命周期等,并且在其中的ServletConfig和ServletContext对象有了一些比较详细的了解,但是我们会发现在Servlet中编 ...

  7. Java Web之JSP

    什么是JSP? JSP就是一个可以写Java代码的HTML页面 JSP是什么? JSP是Servlet,JSP的本质就是Servlet Tomcat的web.xml文件下有这样几段代码: 看到下面的通 ...

  8. 复习java web之jsp入门_El表达式_JSTL标签库

    JSP 技术掌握:JSP语法 + EL + JSTL 为什么sun推出 JSP技术 ? Servlet 生成网页比较复杂,本身不支持HTML语法,html代码需要通过response输出流输出,JSP ...

  9. Java Web(六) JSP

    现在的Java Web开发已经很少使用JSP脚本了,业务逻辑都交给Servlet处理,JSP只负责显示视图,所以接下来的内容就对JSP脚本不做叙述了... JSP概述 JSP全名为Java Serve ...

随机推荐

  1. Greedy:Allowance(POJ 3040)

    零用钱大作战 题目大意:农夫和牛又搞新花样了,现在农夫想给Bessie每个星期都给一点零用钱,农夫有一堆面值的钱币,并且这个钱币都能被上一个钱币整除(1,5,10,50),并且钱币有一定数量,要你求最 ...

  2. 【USACO】第一章总结

    做了大半个月,终于把第一章做完了 有的题遇到了不小的坎儿,看着网上一群高中生都做得那么好,心理还是有些小郁闷的.不禁感慨我过去的四年真是虚度啊.总结一下第一章学习到的知识吧. ①闰年判断 int is ...

  3. Auguse 2nd, Week 32nd Tuesday, 2016

    Love me little and love me long.不求情意绵绵,但愿天长地久. Friends are relatives you make for yourself.朋友是你自己结交的 ...

  4. python基础——迭代

    python基础——迭代 如果给定一个list或tuple,我们可以通过for循环来遍历这个list或tuple,这种遍历我们称为迭代(Iteration). 在Python中,迭代是通过for .. ...

  5. ANT 环境搭建

      一.ant的下载 ant是Apache的一个项目(http://ant.apache.org/),目前的最新版是1.8.4(http://ant.apache.org/bindownload.cg ...

  6. 微信第三方登陆,无需注册一键登录,获取用户信息,PHP实现方法

    今天讲讲利用微信oauth2实现第三方登陆的实现方法. 先说说前提吧! 首先你得是服务号,并且是经过认证的.这样微信会给你很多第三方接口的权限,如果是订阅号或者没有认证的服务号那就不用想了! 一开始你 ...

  7. MATLAB信号与系统分析（一）——连续时间信号与系统的时域分析

    一.连续时间信号的表示: 1.向量表示法: 在MATLAB中,是用连续信号在等时间间隔点的样值来近似表示连续信号,当取样时间间隔足够小时,这些离散的样值就能较好地近似出连续信号. 对于连续时间信号f( ...

  8. HyperLink控件

    设置链接 NavigateUrl 填写链接 text 属性 为显示内容

  9. C# Remoting的一个简单例子

    .Net对于远程调用提供了两种方法:Remoting和WebService.WebService现在是如火如荼,特别是有一种比较流行的架构:Winform+WebService(Java..Net), ...

  10. 枚举GC Roots的实现

    枚举根节点 从可达性分析中从GC Roots节点找引用链这个操作为例,可作为GC Roots的节点主要在全局性的引用(例如常量或类静态属性)与执行上下文(例如栈帧中的本地变量表)中,现在很多应用仅仅方 ...