Download presentation
Presentation is loading. Please wait.
1
JavaScript培训
2
一.JavaScript概述 什么是JavaScript? JavaScript的基本特征 JavaScript与Java 的区别
在HTML中嵌入JavaScript
3
1.1 什么是JavaScript? JavaScript是Netscapt公司的跨平台的,面向对象的,用来开发客户和服务器应用程序的描述语言.有两种类型. (1)客户端JavaScript 嵌在html页中的描述语言对用户的事件作出反应. (2)服务器端JavaScript 基于服务器的应用程序.
4
1.2 JavaScript的基本特征 简单性 基于对象的语言 动态性的 具有较强的安全性 多平台性
5
1.3 JavaScript与Java的区别 JavaScript是解释性的编程语言,不必进行编译.Java必须进行编译.
6
1.4 在HTML中嵌入JavaScript 例： <html> <body>
<script language=“javascript”> document.write(“Hello World!”); </script> </html> 或者 <script language=“javascript” src=“src.js”></script> 其中src.js是JavaScript程序文件，文件名随意，但扩展名必须是.js。 JavaScript 的说明语句：与C++和Java类似，用“//”或“/*…*/。
7
二.JavaScript编程基础知识 JavaScript中的基本数据类型 JavaScript中的数组
8
2.1 JavaScript中的基本数据类型 基本数据类型 数值(整数和实数) 字符串型 布尔性 变量 var test=“abc”;
9
详细说明： 变量类型： Number(数字) 包括整数和浮点数 Boolbean(布尔值) 包括逻辑值true和false
String(字符串) 包括单引号或双引号中的字符串值 Null(空) 包括一个null值，定义空的或不存在的引用 Undefined(未定义) 表示变量还没有定义 数组 对象
10
注意： 1、JavaScript并不要求指定变量中包含的数据类型，同一变量可用于包含各种不同的数值。 2、变量名区分大小写。
3、如果要在字符串中插入引号，可在前面加上反斜杠(\)作为转义符。但在单引号中插入双引号或在双引号中插入单引号无需转义符。 4、数据类型之间可自动转换，如“a”+3=“a3” 5、类型转换函数 eval() --将字符串表达式转换成数字值 parseInt()—将字符串值转换成整数 parseFloat()--将字符串值转换成浮点数
11
2.2 JavaScript中的数组 定义： employee=new Array(5); 或者
employee=new Array(value0,value1,…valuen); 注意： 1、数组元素的值可以为不同类型，也可以引用其它数组或对象。例： junk=new Array(“s1”,’s2’,4,3.5,true,null,new Array(5,6,7)); 2、数组长度 arrayName.length
12
2.3 JavaScript中的表达式和运算符 表达式 运算符 赋值表达式: 条件表达式: 算术运算符 比较预算符等 x=1;
y=(condition)?var1:var2; 运算符 算术运算符 比较预算符等
13
2.4 JavaScript中的基本语句和函数 程序控制语句 函数 function 函数名(形式参数表){
if,for,while,break和continue 函数 function 函数名(形式参数表){ …….. }
14
2.5 JavaScript 的基于对象编程功能 JavaScript并不是完全的面向对象的编程语言，它不支持分类、继承、封装和信息隐藏等面向对象编程的基本功能。 创建对象的方法： man=new person(“liming”,”30”)； 也可以用this来指代当前对象，如： function person(name,age){ this.name=name; this.age=age; }
15
JavaScript中的主要对象 Window对象 Document对象 location对象 history对象 frame对象
Frames数组 form对象 Forms数组 elements对象 text对象 button对象 ……
16
Window对象－窗口对象，缺省为当前Window对象的窗口可以省略。
例：window.document.write(“Hello world!”); 在本窗口中，上面的window可以省略。 window对象的属性： Document :窗口中显示的当前文档对象 History: 窗口的history对象，包含窗口中最近装入的URL清单。 Location:与window对象相关联的URL地址 window对象的方法： Alert:提示信息的对话框 Confirm(text):确认对话框
17
（2）document对象－窗口对象，缺省为当前Window对象的窗口可以省略。它可以更新正在装入或已经装入的文档，并可以访问装入文档所包含的HTML元素。
form:文档中所含表单的对象 window对象的方法： Write(expr):将表达式的值写入文档
18
三.事件处理 什么是事件？ JavaScript如何处理事件 事件类型
19
3.1什么是事件 事件说明用户与Web页面交互时产生的操作。
下面列举几个可用JavaScript事件处理器（JavaScript代码）完成的操作： 1）在用户将鼠标移过一个链接时显示一个对话框。 2）验证输入窗体的数据 3）在用户单击某个按钮时装入并显示动画系列。 4）与Java小程序和浏览器插入件交互操作。
20
3.2JavaScript如何处理事件 分两个步骤： 1、定义脚本可以处理的事件。
21
3.3事件类型 链接(<a>…</a>：click、mouseOver、mouseOut、 keyDown、keyUp等等 文档主题(<body>)：click,dblClick,keyDown,keyUp,load等 表单(<form>)：submit,reset 按钮(<input type=button>)：click,focus,mouseDown,mouseUp,blur 选项(<select>)：blur,focus,change
22
谢谢!
Similar presentations
