JS编程基础01.ppt

1、动态网页脚本语言JavaScript,主要内容 概述 编程基础 事件驱动 内置对象 浏览器对象,JavaScript是由网景公司开发的一种跨平台，面向对象(object-oriented)的网页脚本语言(Web Script Language)，是目前流行的网页特效设计语言。 JavaScript代码可直接嵌入HTML文件中，随网页一起传送到客户端浏览器，然后通过浏览器来解释执行。,JavaScript概述,什么是JavaScript脚本语言？ (1) 脚本语言(Scripting Language)？ 由ASCII码构成，可直接用任何的文本编辑器开发完成。是一种不必事先编译，只要利用适当的解

2、释器(Interpreter)就可以执行的简单的解释式程序。 (2) JavaScript？ JavaScript是由网景公司开发的一种跨平台，纯面向对象(object-oriented)式的网页式脚本语言(Web Script Language)。JavaScript代码可直接嵌入HTML文件中，随网页一起传送到客户端浏览器，然后通过浏览器的解释器来解释执行。,JavaScript概述,脚本编写语言 基于对象的语言 简单性 安全性 动态性 跨平台,2. JavaScript的特点,JavaScript概述,制作网页特效 提供表单前端验证 窗口动态操作 提高系统工作效率,3. JavaScri

3、pt的功能,JavaScript概述,在HTML标记中直接写入JavaScript代码 例： 鼠标移过来 运行,4. 在HTML文档中嵌入JavaScript代码,JavaScript概述,将JavaScript代码放入标记符中 例如： document.write(欢迎您学习JavaScript!); 运行,4. 在HTML文档中嵌入JavaScript代码,JavaScript概述,将代码独立存储为以 .js 为扩展名的文件，利用SRC属性将该文件调入 例如： welcome.js文件内容如下： document.write(欢迎您学习JavaScript!);,4. 在HTML文档中嵌入

4、JavaScript代码,JavaScript概述,为避免某些浏览器不完全支持JavaScript，而造成错误，可将JavaScript代码用注释语句括起来 例如： ,4. 在HTML文档中嵌入JavaScript代码,JavaScript概述,数值(Number)：包含整数或浮点数。 逻辑值(Logical)：取值为true或false。 字符串(String)：用单引号或双引号括起来的零个或多个单一的字符所组成。 空值(null)：表示没有值，取唯一值”null”，大小写敏感。 未定义值(undefined)：表示尚未定义值。 注：null不能写成Null或NULL。 null既不等于“0

5、”，也不等于“空字符串”。因为“0”是数值，“空字符串”是字符串。,1. 数据类型,JavaScript编程基础,自动数据类型转换 如果表达式中用（+）运算符，且其中一个操作数为字符串，另一个操作数为数值时，JavaScript自动将数值转成字符串。 例如：var x=”我今年”+18; 结果：x=“我今年18” var x=”15”+8 结果：x=158 var y=15+8; 结果：y=23 如果表达式中用了其它运算符，JavaScript自动将字符串转成数值。 例如：var x=”30”/5; 结果：x=6 var y=”15”-“8”; 结果：y=7 举例,2. 数据类型转换,Java

6、Script编程基础,数据类型转换函数 eval(字符串)：将传入的字符串参数内容，转换成相应的数值，例如： y=eval(“15”)+8; 结果：y=23 parseInt(字符串，底数)：将传入的字符串，转换成指定底数的数值。 parseFloat(字符串)：将传入的字符串，转换成浮点数值。 举例,2. 数据类型转换,JavaScript编程基础,3. 变量,JavaScript编程基础,变量命名 以字母或下划线开头（不能以数字开头），后面接数字或其它字母。 变量名区分大小写。 例： var A=Uppercase A; var a=Lowercase a; document.write(

7、A); document.write(); document.write(a); ,3. 变量,JavaScript编程基础,变量的声明 变量声明时，不必定义类型，所有类型均由小写的var声明。 例如： var name; （JavaScript自动给出一个未定义值） var name,sex; （JavaScript自动给出一个未定义值） var name=”张永”，sex=”女生”； (二变量均为字符串),3. 变量,JavaScript编程基础,变量的作用域：全局变量(Global variable)和局部变量(Local variable)。 document.title = 变量的作

8、用域实例; var gv = JavaScript; /gv是全局变量 document.write(test函数的输出：); test(); function test() var lv = VBScript; /lv是局部变量 document.write(gv= + gv + ); document.write(lv= + lv + + ); document.write(document的输出：); document.write(gv= + gv + ); document.write(lv= + lv + ); ,4. 常量,JavaScript编程基础,字符串常量（String L

9、iterals） 一般字符串常量 特殊字符的字符串常量 布尔常量（Boolean Literals）：true或false。 整数常量（Integers Literals） 浮点常量（Floating-Point Literals） 数组常量（Array Literals）,5. 运算符与表达式,JavaScript编程基础,赋值运算符,5. 运算符与表达式,JavaScript编程基础,比较运算符 举例,5. 运算符与表达式,JavaScript编程基础,算术运算符 举例,5. 运算符与表达式,JavaScript编程基础,逻辑运算符 a while ( i 0 ) document.wri

10、te(i = ,i ,); i-; ,6. 程序控制流程,JavaScript编程基础,循环结构,do 语句或语句组 while () var i = 5; do document.write(i = ,i ,); i-; while( i 0 ) ,6. 程序控制流程,JavaScript编程基础,循环结构,for ( 初始值；条件；增量 ) , for ( var i = 5; i 0; i- ) document.write(i = ,i ,); ,6. 程序控制流程,JavaScript编程基础,循环结构,for ( 变量 in 对象 ) 例1 例2,6. 程序控制流程,JavaScr

11、ipt编程基础,循环结构,with ( ) , document.write (限时抢购物品：); document.write (ViewSonic 17 显示器。); document.write (EPSON 打印机。); , with (document) write (限时抢购物品：); write (ViewSonic 17 显示器。); write (EPSON 打印机。); ,6. 程序控制流程,JavaScript编程基础,注释语句,/ /* */,JavaScript包含两类函数： 系统函数 用户自定义函数,7. JavaScript函数,JavaScript编程基础,1)

12、 编码函数 功能：将字符串中非文字、数字字符（如 document.write(x 不是数值吗？,isNaN(x); document.write(y 不是数值吗？,isNaN(y); 执行结果： x 不是数值吗？false y 不是数值吗？true,JavaScript编程基础,5) 转成整数函数 功能：将各种进制的数值转成十进制整数值。 格式：parseInt(字符串，底数) 举例： / 二进位转成十进位 document.write(11012 = ,parseInt(1101, 2),10); / 十六进位转成十进位 document.write(BFFF16 = ,parseInt(BFFF, 16),10); ,JavaScript编程基础,6) 转成浮点函数 功能：将字符串转成浮点数值。 格式： parseFloat(字符串)