第2章 JSP编程基础知识-2

第2章JSP编程基础知识信息技术与商务管理系

复习

1.什么是静态网页，什么是动态网页

2.HTML的结构

3.网页中的链接

4.网页中的表格

5.网页中的表单

1.网页中的常用控件

本章大纲

1.Java简介

2.HTML简介

3.JavaScript简介

4.综合案例

5.小结

本节大纲

1.JavaScript简介

2.CSS简介

3.小结

1、JavaScript简介

n JavaScript语言是NetScape公司开发的一种机遇对象的、由浏览器负责解释执行的、弱类型的描述性脚本语言。

n IE3.0和NetScape3.0以上的浏览器都支持JavaScript语言。

n与HTML以及Applet一起用于开发客户端用户界面n JavaScript是通过嵌入到HTML语言中实现的，可以出现在HTML的任何地方，它弥补了HTML语言的缺陷，是Java与HTML折衷的选择

n动态网页分为两种

¨一种是服务器端动态，主要由JSP、PHP、ASP等等技术实现。

¨一种是客户端动态，主要由JavaScript、VBScript语言

实现。

1、JavaScript语言简介

n JavaScript语言的特点：

¨解释型的脚本语言，采用小程序端的方式实现编程，不需要事先编译；

¨是基于对象的语言，可以运用已经创建好的对象，结合对象的方法和脚本实现所需的功能

¨是事件驱动的语言，可以直接对用户的输入做出响

应，不需要服务器的支持，减少了浏览器和服务器之间的通信量，提高了响应速度。

¨变量类型采用弱类型，未使用严格的数据类型

¨是一种安全的语言，只能通过浏览器实现信息浏览或动态交互，不允许访问本地硬盘或将数据存到服务器上，不允许对网络文档进行修改和删除，从而有效防止数据的丢失。

¨是一种与平台无关的语言，依赖于浏览器本身，与操作系统无关，从而实现了一定程度的”一次编写，随

处运行“。

1、JavaScript简介

n JavaScript代码的加入：

链接J a v a S c r i p t文件¨格式如下：

弹出对话框

实验1：

n使用JavaScript语言在页面中弹出“你好！”。

1、javaScript简介-数据类型

n JavaScript脚本语言同其他语言一样，有自己的基本数据类型、表达式和算术运算符以及程序的基本框架结构。

n JavaScript的常见数据类型：

¨数值类型，包括整数和浮点数，整数可以表示正负整

数和零，浮点数可以用整数加小数表示，也可以用科

学计数法表示。

¨字符串类型，使用单引号或双引号括起来的一个或多

个字符

¨布尔类型，可以取值为true或false

¨空类型，空值null

¨对象类型，是javaScript的重要组成部分。

1、javaScript简介-变量

n JavaScript变量的定义：

¨Javascript中采用弱类型变量，变量可以不做声明或不

做类型声明，而在使用时确定类型。

例如：x=100、y＝“abc”等等

¨但是，声明变量的好处是能够及时发现程序中的错误。

¨javaScript中变量的定义使用关键字var来实现。

¨例如：

¨声明变量必须明确变量的命名、类型及作用域。

1、javaScript简介-变量

n JavaScript变量的命名：

¨变量不能与保留字冲突；

¨变量名必须以字母或者下划线（_）开头，不能

使用数字或其他非字母字符作为变量的开头。

¨变量中不能包含空格。

¨JavaSript是区分大小写的，因此，给变量命名

时需要注意大小写的问题。

n JavaScript变量的作用域：

¨全局变量，定义在函数体之外，作用范围是所有

函数。

¨局部变量，定义在函数体内，作用范围是本函数。

1、javaScript简介-运算符

n JavaScript的运算符

¨数学运算符：

n加法运算符”+”n减法运算符“-”n乘法运算符”*”n除法运算符“/”n取模运算符“%”n递增运算符“++”n递减运算符”--”n按位与”&”

n按位或”|”

n按位异或”^”

n按位取非”~”

n左移操作符”<<”

n右移操作符”>>”

n逻辑右移操作符”>>>”

1、javaScript简介-运算符

n逻辑运算符

¨逻辑与&&

¨逻辑或||

¨逻辑非！

n比较运算符

¨等于“==”

¨不等于”!=”

¨小于”<”

¨大于”>”

¨小于等于”<=”

¨大于等于”>=”

¨严格等于”===”

¨严格不等于”!==”n赋值运算符¨”=”

¨”+=”

¨”-=”

¨”*=”

¨”%=”

¨”/=”

¨”&=”

¨”|=”

¨”^=”

¨”<<=”

¨”>>=”

¨”>>>=”

1、javaScript简介-运算符

n其他运算符

¨条件操作符”(condition)?:val1;val2”,唯一的三目运算符

¨成员选择运算符“.”,来引用对象的属性和方法

¨下标运算符[ ]，用来应用数组的元素，如：arry[8]

¨逗号运算符，用来分开不同的值，如：var a，b

¨函数调用运算符，用来表示函数的调用，如function（）¨“new”，创建指定对象的实例，如：new myObject。

¨delete，用来删除对象，对象的属性，数组元素。

¨typeof，用来返回操作数的类型，类如type of true，返回为boolean。

¨void，用于定义函数，表示不返回任何数值，如void

mfun().

¨this:用来引用当前的对象。

1、javaScript简介-表达式

n javaScript的表达式

¨表达式，是变量、常量、布尔以及运算符的集合，可以对变量进行赋值、改变、计算等一系列操作。

¨表达式可以分为：

n算术表达式

n字符串表达式

n赋值表达式

n布尔表达式

1、javaScript简介-常用语句

n javaScript函数定义语句

¨JavaScript函数可以封装那些在程序中可能需要多次使用的模块，并可以作为事件驱动处理程序。

¨函数的定义：

n使用函数前一定要先进行定义

n函数定义分为三个部分：函数名、参数列表和函数体。

n定义函数的格式为：

function 函数名(参数1，参数2){

JavaScript语句；

}

¨例,30页单击.html，演示javaScript函数的定义和调用。

1、javaScript简介-常用语句

n JavaScript的条件和分支语句

n if条件语句

¨if语句是最基本、最简单的条件语句。

¨if语句的格式：

if (条件) {

语句块；

}else{

语句块；

}

1、javaScript简介-常用语句

n switch分支语句

¨对一个表达式进行多次判断，每一种的取值都采取不同的处理方法。

¨switch语句的格式:

switch(表达式) {

case 值1: 语句1; break;

……

case 值n: 语句n; break;

default: 语句;

}