。
2.HTML表单
HTML表单的作用试提供客户端和服务器端的交互,当用户填写完表单输入项后单击submit按钮,表单中的信息将被发送到服务器进行处理。
1.4CSS
CSS即层叠样式表,可以对页面布局、字体、颜色、背景和其它效果实现更加精确的控制,可以改变同一页面的不同部分,或者页数不同的网页的外观和格式。
从样式表插入的形式来看可以分为三种:
1.内联式样式表:
利用现有HTML标记把特殊样式加入到那些由标记控制的信息中。
如:
red;font-size:
30px;font-family:
隶书;">
2.嵌入式样式表:
嵌入到HTML文件的头部中去(
和标记之间),使用容器装载,如:
p{color:
blue;font-weight:
bold}
对页面中所有
标记都起作用。
3.外部式样式表:
一种保存在外部的样式表文件,外部文件以.CSS为扩展名,如:
CSS的基本语法:
基本格式、注释语句、选择符等是开发CSS基础。
通常,样式表的定义分为选择符(selector)和块{}(block),块里包含属性(properties)和属性的取值(value)。
格式:
选择符{属性:
属性值}
开发人员可以在CSS中插入注释来说明代码含义。
CSS注释以“/*”开头,以“*/”结尾。
CSS中,选择符可以分为:
1.类选择符(Classselector)
2.HTML标记选择符(HTMLselector)
3.ID选择符(IDselector)
1.5JavaScript
JavaScript是一种面向对象的脚本语言,它可以用来制作与网络无关的,与用户交互作用的复杂功能。
它是一种基于对象(ObjectBased)和事件驱动(EventDriver)的编程语言。
1.JavaScript代码嵌入。
直接将JavaScript脚本加入HTML文档(一般位于
标记中):
//JavaScript语言代码;
…
2.语法基础
注释:
//和/*…*/
基本数据类型:
数值(整数和实数)、字符串型(用“”号或‘’括起来的字符或数值)、布尔型(True或False)和空值(null)。
变量声明:
varmytest;varmytest=”Thisisabook”;i=5;
运算符:
流程控制语句:
if、for、while语句。
函数:
function函数名(参数){
函数体;
Return表达式;
}
输出:
document.write();
3.事件驱动及事件处理
JavaScript是object-based的语言。
即在图形界面环境下,使得一切输入变化简单化。
通常鼠标或热键的动作称之为事件(Event),而由鼠标或热键引发的一连串程序的动作,称之为事件驱动(EventDriver)。
而对事件进行处理程序或函数,称之为事件处理程序(EventHandler)。
事件处理程序:
在JavaScript中对象事件的处理通常由函数(Function)担任。
其基本格式与函数全部一样。
事件驱动:
事件通过鼠标或热键的动作引发。
主要有以下事件:
onClick、onChange、onFocus、onLoad、onSubmit、onMouseOver。
4.对象
JavaScript中的对象是由属性(properties)和方法(methods)两个基本的元素构成,通过“.”操作符调用。
获取表单元素对象:
varobj=document.getElementById("ID名称");
常用对象:
String:
Date:
图1-2网络计算器
实训:
设计如图1-2所示的计算机器界面,当用户点击“提交”按钮时,验证用户输入的信息是否合法。
1.6JSP动态网页开发
1.6.1JSP简介
网页分为静态网页和动态网页。
HTML格式的网页通常被称为“静态网页”。
动态网页是以.aspx、.jsp、.php、.cgi等形式为后缀,一般以数据库技术为基础,采用动态网页技术的网站可以实现更多的功能。
JSP是一种动态网页技术,具有跨平台的巨大优势,能够脱离硬件和软件平台的束缚。
JSP(*.jsp)=HTML文件(*.htm,*.html)+Java程序片断+JSP标记;以Servlet技术为基础,提供强大的组件(JavaBean)支持功能;是一种开发Web应用的理想构架。
JSP动态网页示例:
<%@pagecontentType="text/html;charset=GBK"%>
显示当前时间
<%
java.util.Datedate=newjava.util.Date();
%>
现在时间是<%=date%>
JSP运行原理如图1-3所示。
图1-3JSP运行原理
1.6.2Java语法基础
JSP是以Java语言作为脚本语言的,这里对Java做个简单的复习。
数据类型:
整型、浮点型、布尔型、字符型、字符串型、数组、类、接口。
控制语句:
if、switch、for、while。
异常处理:
try{…}catch(Exceptione){…}finally{…}
类:
Java语言的基本单位,通过class关键字来定义。
类及成员的修饰符,继承和重载的实现。
实验:
编写一个控制台程序实现计算圆的面积功能,其中圆的半径由用户输入。
(思考:
如何编写功能完善、健壮的程序代码呢?
)
1.6.3JSP语法基础
JSP页面元素如下:
1.注释
ØJSP注释:
客户端查看源代码时看不到(安全考虑)。
格式:
<%--注释内容--%>
ØHTML注释:
--注释内容-->,注释的内容会在客户端的HTML源代码中出现。
示例:
--这是一个测试程序-->
<%--显示helloworld!
--%>
<%out.println(“Helloworld!
”);%>
2.声明
在JSP程序中声明合法的变量和方法,语法:
<%!
declaration;[declaration;]+...%>
示例:
<%!
inti=0;%>
<%!
inta,b,c;%>
<%!
Circlea=newCircle(2.0);%>
可以一次性声明多个变量和方法,只要以";"结尾就行。
3.表达式
表达式元素表示的是一个在脚本语言中被定义的表达式,在运行后被自动转化为字符串,然后插入到这个表达示在JSP文件的位置显示。
语法:
<%=expression%>
示例:
<%=i%>
<%=myclass.getValue()%>
4.代码段
包含在<%和%>之间的有效程序段(Java脚本代码)。
具体形式:
<%codefragment%>
示例:
<%
if(sex==null)x=-1;
elseif(sex.equals(”男”))x=1;
%>
一个代码段(scriptlet)能够包含多个jsp语句,方法,变量。
5.JSP指令
JSP指令不产生可见输出,只是让JSP引擎指导如何如理页面代码,由<%@%>标记
Ø