第四章 JavaScript.pptVIP

第四章 JavaScript 内容摘要 JavaScript 历史及概述 JavaScript基本语法 JavaScript对象 JavaScript事件 DOM JavaScript及CSS 表单验证 内容摘要 JavaScript 历史及概述 JavaScript基本语法 JavaScript对象 JavaScript事件 DOM JavaScript及CSS 表单验证 JavaScript 历史 JavaScript是由Netscape公司开发的一种脚本语言，其目的是为了扩展基本HTML 的功能，用于代替复杂的CGI程序来处理Web页表单信息，提高了响应速度，同时可以为Web页增加动态效果。 Netscape将这种脚本语言命名为LiveScript，它的整个语法以Java为基础，但比Java要简单，同时，由于它是一种脚本语言，所以无需编译，可由浏览器直接解释运行，而不象Java那样需要经过编译。 Netscape见LiveScript大有发展前途，而SUN也觉得可以利用Livescript为Java的普及做铺垫，于是两家签订协议，将LiveScript改为JavaScript，造就了这个强力的WEB页开发工具。 JavaScript的特点 脚本语言 基于对象的语言 事件驱动的语言 平台无关的语言(依赖于浏览器) JavaScript的功能 JavaScript的功能总体可以归结为两类： 　1、交互性　　使用JavaScript可以大大加强WEB页的交互性，如轻松的在你的WEB页中加入按钮，显示带有控制的文本，建立交互式表单等。 　2、动态性　　JavaScript可以使WEB页上显示的文本信息动起来或是加入一些动画，从而使你的WEB页看上去活泼诱人。 JavaScript与Java语言的比较 JavaScript与Java之间其它的一些主要区别 　１、Java程序被编译成为字节代码文件；JavaScript则是将字符正文传递给客户端并由客户端解释执行。 　２、JavaScript是基于对象的，它自身具有已创建完毕的对象；而Java则是面向对象的，对象必须从类中创建。 　３、Java Script的代码以字符的形式嵌入在HTML文档中；Java applet则是由文档引用，其代码以字节代码的形式保存在另一个独立的文件中。 JavaScript与Java语言的比较 JavaScript与Java之间其它的一些主要区别 　４、在HTML文档中，用标识SCRIPT标明JavaScript脚本；而Java applet则用标识APPLET来标明。 　５、JavaScript采用弱类型；而Java则采用强类型。 JavaScript是一种弱类型语言 下面的例子说明了在JavaScript 中使用变量的灵活性 htmlhead titleJavaScript 是弱类型的/title Script Language=JavaScript !-- var myVar //声明一个变量 myVar=“JavaScript 是弱类型” //为变量赋值 alert(myVar) //使用消息框显示变量值 myVar=3.1415926 //为变量赋不同类型的值 alert(myVar) a=“使用未声明变量” //使用未声明的变量 alert(a) //-- /SCRIPT /head/html 将JavaScript嵌入网页 方式1：直接添加脚本 直接将代码作为事件响应属性的值。 例如： input type=button value=click me! onclick=javascript:alert(hello) 将JavaScript嵌入网页 方式2：用script标记符嵌入脚本程序 把script/script置于网页上的Head部分或body部分，然后在其中加入脚本程序。 例如： script language=“JavaScript” type=“text/javascript” !-- 此处为程序代码 //-- /script 将JavaScript嵌入网页 方式3：链接脚本文件 用script的src属性指定一个外部javascirpt文件（后缀为.js ） 例如： script language=javascript src=test.js/script 内容摘要 JavaScript 历史及概述 JavaScript基本语法 JavaScript对象 JavaScript事件 DOM JavaScirpt及CSS 表单验证 JavaScript基本语法 基本数据类型 运算符与表达式 JavaScript语句 JavaScript函数 JavaScri