JAVA WEB 的JSP(9*9乘法表+*型金字塔)
运行环境及工具:
(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乘法表+*型金字塔)的更多相关文章
- go输出九九乘法表和金字塔
用go语言实现输出九九乘法表和金字塔: 1.输出九九乘法表: 代码示例: package main import ( "fmt" "time" ) //实现99 ...
- 初学Java Web(6)——JSP学习总结
为什么要学习 JSP Servlet 的短板: Servlet 的出现,是为了解决动态输出网页的问题. 虽然这样做目的能达到,但是存在一些缺陷: 在 Servlet 输出网页片段非常恶心 (可读性差, ...
- Java Web之JSP技术
JSP全称是Java Server Pages,它和servle技术一样,都是SUN公司定义的一种用于开发动态web资源的技术.JSP这门技术的最大的特点在于,写jsp就像在写html,但它相比htm ...
- java攻城师之路--复习java web之jsp入门_El表达式_JSTL标签库
JSP 技术掌握:JSP语法 + EL + JSTL 为什么sun推出 JSP技术 ? Servlet 生成网页比较复杂,本身不支持HTML语法,html代码需要通过response输出流输出,JSP ...
- Java EE 在网页输出九九乘法表、三角形、菱形
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding= ...
- Java Web(五) JSP详解(四大作用域九大内置对象等)
前面讲解了Servlet,了解了Servlet的继承结构,生命周期等,并且在其中的ServletConfig和ServletContext对象有了一些比较详细的了解,但是我们会发现在Servlet中编 ...
- Java Web之JSP
什么是JSP? JSP就是一个可以写Java代码的HTML页面 JSP是什么? JSP是Servlet,JSP的本质就是Servlet Tomcat的web.xml文件下有这样几段代码: 看到下面的通 ...
- 复习java web之jsp入门_El表达式_JSTL标签库
JSP 技术掌握:JSP语法 + EL + JSTL 为什么sun推出 JSP技术 ? Servlet 生成网页比较复杂,本身不支持HTML语法,html代码需要通过response输出流输出,JSP ...
- Java Web(六) JSP
现在的Java Web开发已经很少使用JSP脚本了,业务逻辑都交给Servlet处理,JSP只负责显示视图,所以接下来的内容就对JSP脚本不做叙述了... JSP概述 JSP全名为Java Serve ...
随机推荐
- SQL 删除存在于A表但是不存在B表中的记录
目的是是的A表和B表某一个列集合相等 delete from A where tagetColumn not in ( select targetColumn from B)
- Hudson可扩展持续集成引擎
参考文章:http://blog.csdn.net/dazhi_100/article/details/11629133 极限编程中一项建议实践便是持续集成,持续集成是指在开发阶段,对项目进行持续性自 ...
- 【图文详解】scrapy爬虫与动态页面——爬取拉勾网职位信息(2)
上次挖了一个坑,今天终于填上了,还记得之前我们做的拉勾爬虫吗?那时我们实现了一页的爬取,今天让我们再接再厉,实现多页爬取,顺便实现职位和公司的关键词搜索功能. 之前的内容就不再介绍了,不熟悉的请一定要 ...
- javascript普通链表及双向链表
写代码的真是心细啊,每一步操作的先后顺序都在卡准. 我其实只是理解了思想和大概的操作. 真正要用时,可能还是要复制,粘贴...:) function LinkedList(){ var Node = ...
- 免费电子书:微软Azure基础之Azure Automation
(此文章同时发表在本人微信公众号"dotNET每日精华文章") Azure Automation是Azure内置的一项自动化运维基础功能,微软为了让大家更快上手使用这项功能,特意推 ...
- GBK、GB2312、iso-8859-1之间的区别
转自:http://blog.csdn.net/jerry_bj/article/details/5714745 GBK.GB2312.iso-8859-1之间的区别 GB2312,由中华人民共和国政 ...
- css实现三角形图标
css边框和相框构造是一样的,看下面这代css代码: <div style="border-color: red blue black green;border-style: soli ...
- 电赛菜鸟营培训(五)——OLED屏幕的使用
一.取模软件的使用 首先进行设置 然后可以生成显示这个字母的代码,列优先,先按列画8行,然后再继续画下一列.汉字为16*16,字母为8*8,对应生成相应个数的ox代码. 二.STM32烤写OLED # ...
- 利用mapreduce将数据从hdfs导入到hbase遇到的问题
现象: 15/08/12 10:19:30 INFO mapreduce.Job: Job job_1439396788627_0005 failed with state FAILED due to ...
- 补间动画TweenAnimation
animation_translate = AnimationUtils.loadAnimation(MainActivity.this, R.anim.transalte); imageview.s ...