1.index.jsp 放到 WebContent目录下
2.JSP辅助知识
2.1表单元素设置（表单元素是用户与网页进行信息交互的主要手段）
2.1.1表单元素：<form> ————用于创建数据条目表，如填写个人注册信息的注册表。
<form name="" method="" onReset="" action="" onSubmit="" target="">
</form>
name：指定表单名称
method：数据传送到服务器的方式。
get：将输入的数据追加到action指定的地址后面，并传送到服务器。
post：将输入的数据按照HTTP中POST传输方式传送到服务器。
onReset / onSubmit：主要针对重置按钮和提交按钮，分别设置在单击这两个按钮之后要执行的程序。
action：设置处理表单数据程序URL的地址
target：指定输入结果显示再在哪个窗口。 可选值 ：_blank、_self、_parent
2.1.2输入框元素：<input> ————用来指定表单中数据的输入方式及表单的提交按钮
<input type="" name="" align="" value="" src="" checked maxlength="" size="" οnclick="" οnselect=""/>
type：输入数据的类型
text：当行文本 textarea：多行文本 password：输入数据为密码时，显示为 *
checkbox：复选框 radio ：单选框 submit：提交按钮，数据将被送到服务器 reset：清除表单数据，以便重新输入
file：表示插入一个文件 hidden：隐藏域 image：表示插入图片 button：普通按钮
name：当前<input>元素的名称
align：设置表单的位置。left、right、middle、top、bottom
value：设定输入的默认值。
src：针对type=“image”属性，设置图像文本的地址。
checked：表示选择框中，此项被默认选中。
maxlength：在输入单行文本时，输入的最大字符的个数。
size：再输入多行文本时的最大输入字符数。
onclick：单击按钮时调用的子程序。
onselect：当前项被选中时调用的子程序。
2.1.3选择元素：<select>、<option> ————用来设置下拉列表或滚动列表来选择要提交的数据
<select name="" multiple="" size="">
<option value="" selected> value</option>
</select>
name：选择列表的名称，供应用程序识别
multiple：设置选择列表的选项数量，即高度
size：让选项列表有多种选择
value：设置该选项的值
selected：该选项被选中
2.1.4输入文本框元素：<textArea>
<textArea name="" cols="" rows="" wrap="">
wrap：设置多行文本字段的换行。
off：表示不使用此属性
physical：强迫浏览器在发送资料时必须将文本中的换行元素 送出
virtual：送出连续成串的字。（除非按下enter键）
2.1.5图像元素：<img> ————指定HTML文件中插入的图像
<img src="" dynsrc="" height="" width="" vspace="" hspace="" border=""/>
src和dynsrc：表示图像文件和视频文件的地址
height和width：插入图像的高度和宽度
vspace和hspace：插入图像的上下、左右空白区域的大小
2.1.6多媒体元素：<embed>————表示可以播放音乐和视频
<embed autostart="" loop="" height="" width="" >
2.1.7超链接元素：<a>
<a href="" target="">value</a>
target：_self 在原来页面上打开超链接
_blank 在新窗口打开
2.2JSP中的JavaScript语言
脚本语言就是可以和HTML混合使用的语言。————JavaScript在任何浏览器傻瓜都可以运行。
JavaScript是一种高级脚本语言。①采用在HTML文本中嵌入小程序段的方式，开发过程简单，并且提高了响应速度。②可以直接对用户或客户的输入做出响应，而不需要经过Web服务器，减少了客户浏览器与服务器之间的通信量，提高了速度。③它是一种平台无关的脚本语言，依赖于浏览器，与操作系统无关。
JavaScript区分字母的大小写，而HTML不区分字母大小写。
2.2.1基本语法
常见数据类型：
number：数值型——包括整数(可正负)和浮点数
string：字符串型——字符串数据应加上单引号或双引号
Boolean：布尔型——FALSE、true
object：对象型——是JavaScript重要组成部分
变量：————常量和变量
JavaScript对变量的数据类型要求不严格，不必声明每一个变量的类型。通常用var关键字声明一个变量。 var bool=false;
数组：————由一组数字按照顺序排列在一起，并放在同一个变量中，而每个数值都可以通过索引得到数组中存储的信息。
声明数组时，使用new 和Array关键字。new代表建立一个新的对象，Array是JavaScript内置的一个对象。
2.2.2常用语句
1、函数定义语句
function 函数名(参数){
函数执行部分
return 表达式
}
2、条件语句
if(条件){
执行语句1
}else{
执行语句2
}
3、分支语句
switch(表达式){
case 1:执行语句1；break；
case 1:执行语句1；break；
....
default:执行语句；break；
}
4、循环语句 for for...in while
2.2.3对象
时间对象：Date new关键字创建对象
数学对象：Math
字符串对象：String ——————该对象只有一个属性：length属性，表示字符串中包含的字符数目。
2.2.4事件
所谓事件：由某个对象发出的消息，这个消息标志着某个特定的行为发生，或某个特定的条件成立。
1、指定事件处理程序
①直接在HTML元素中指定，较普遍。
<body οnlοad="alert('网页读取完成，请欣赏！')" οnunlοad="alert('欢迎下次光临，再见！')">
②编写特定对象特定事件的JavaScript，较少。但是在实际操作中比较有用。
<script language="JavaScript" for="对象" event=“事件”>
事件处理代码
</script>
③在JavaScript中说明。 ？？？
<事件主角 - 对象><事件>=<事件处理程序>
如果事件处理程序是自定义函数没有任何参数，就不需要加（）
function ignoreError(){
return true;
}
.....
windom.οnerrοr=ignoreError; //没有使用“（）”
2、鼠标单击事件————onclick
<input value="单击按钮" type=“button” οnclick=“alert（鼠标单击事件）”>
3、下拉列表事件————onChange
<select name="select" οnchange="alert('您选择了'+select.value)">
<option value="bj">北京</option>
<option value="sh">上海</option>
</select>
4、判断输入框是否为空
<script type="text/javascript">
function usercheck() {
if(document.register.username.value==""){
window.alert("请输入用户名");
return false;
}
return true;
}
</script>
**********************************************************没有设计好、表格有点儿丑**************************************************
**********************************************************没有设计好、表格有点儿丑**************************************************
JSP引擎的作用是当客户端向服务器发出JSP页面请求时，将JSP页面转译为Servlet源代码，然后调用Java命令，把Servlet源代码编译成字节码，并保存在相应的目录中。
Servlet引擎的作用是管理和加载应用Servlet模块。当客户端向相应的应用Servlet发出请求时，Servlet引擎把应用Servlet载入Java虚拟机运行，有相应的Servlet处理客户端请求，将处理结果返回客户端。
扫一扫
135
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
