2.2JSP中的JavaScript语言.pptVIP

Java Web应用软件开发 2.2 JSP中的JavaScript语言 .1 JavaScript简介 .2 如何将JavaScript代码嵌入页面 .3 JavaScript的基本语法 .4 JavaScript事件处理 .5 常用对象 .6 系统函数 .7 浏览器对象 .1 JavaScript简介 JavaScript是由Netscape公司开发的一种脚本语言，用其编写的程序可以被嵌入到HTML/XML页面中，并直接在浏览器中解释执行。 JavaScript的功能 增强页面动态效果 实现页面与用户之间实时、动态的交互 JavaScript语言的特点 脚本语言、解释执行、基于对象、事件驱动、简单、弱类型 JavaScript、JScript与ECMAScript .2 如何将JavaScript代码嵌入页面 在页面文档中，使用script标记嵌入脚本代码 script language=javascript //或者：type=text/javascript /*JavaScript代码*/ /script .2 如何将JavaScript代码嵌入页面 脚本代码的位置 script标签对可以出现在网页文档的任何位置，而且可以有多对 页面主体（body元素）：01.html 页面头部（head元素）：02.html 放置在单独的文件中，该文件以“.js”为扩展名 03.html m3.js 将脚本程序代码作为属性值 a href=javascript:alert(new Date( ));javascript/a input type=button value=test onclick=alert(new Date( )); .3 JavaScript的基本语法 数据类型 基本数据类型：整型、浮点型、字符型、布尔型 对象类型 内置对象（String、Math、Date） 浏览器对象（Window、Document、History、Forms、…） 用户自定义对象 .3 JavaScript的基本语法 JavaScript的标识符、关键字、注释 标识符：由不以数字开头的任意顺序的大小写字母、数字、下划线和美元符组成，不允许使用关键字，并且严格区分大小写！ 关键字与java/c类似，除function、typeof、debugger、var外 注释与c相同 .3 JavaScript的基本语法 变量 JavaScript为弱类型语言，声明时可不确定变量的类型，即不赋值，此时变量的值为undefined。可用if(x==null)或if(typeof(x)==undefined)来判断变量x的值是否为undefined，也可以直接用if(x)来判断x是否为null或undefined。 声明时使用var关键字，可以不事先声明变量而直接使用，但通常是先赋值再取用。 可在程序运行过程中对已赋值的变量赋一个其他类型的数据。 举例：05.html .3 JavaScript的基本语法 常量 整型 浮点型：3.14，2.1e3，2e4 布尔型：true，false 字符型：用单引号或双引号引起来的若干字符。 空值：null undefined：表示变量还未赋值的状态或对象的某个属性不存在。 .3 JavaScript的基本语法 运算符 类似Java/C：=== 表达式 程序流程控制 顺序 分支 switch：06.html 循环 “for-in”循环：07.html .3 JavaScript的基本语法 数组 定义，如：var arr=[zhangsan,123,li,3.5]; 数组中某个元素的值还可以不明确给出，此时元素的值为undefined，例如： var arr=[1,2, ,3]; 数组元素还可以是数组 数组的长度可变，通过length属性可以访问数组的长度 Array对象：通过它也可以创建数组，并能进行排序、删除、合并等操作。 .3 JavaScript的基本语法 函数 定义 function 函数名(参数列表) { 函数体代码 [return 表达式;] } JavaScript函数在定义时不需要指定其返回值和是否有返回值 举例：08.html .4 JavaScript事件处理 事件 用于描述发生了什么事情。用户的鼠标或键盘操作、其它的页面操作都会触发相应的事件。 事件驱动 由事件引发程序的响应，执行事先预备好的事件处理代码。这种程序运行方式称为事件驱动。 事件处理代码 在JavaScript中，事件处理代码通常定义为函数的形式，其中加入所需的处理逻辑，并将之关联到所关注的事件源组件上。