网页设计与制作-第十章讲稿.pptVIP

《网页设计与制作教程》 作者：孟显勇 北京理工大学出版社 第十章 Javascript Javascript是由Netscape公司开发的基于对象脚本语言，而不是面向对象的脚本语言。 基于对象是指Javascript使用已经存在的系统对象进行程序设计，通过调用和设置对象的方法和属性实现对页面对象的控制。 为保证扩展性Javascript也提供了用户自定义对象的功能。J avascript可以被嵌入到HTML文档中，通过控制页面内的文本、图像、视频等页面对象实现动态效果。 JavaScript主要应用于客户端脚本程序，常用于验证客户端输入数据和制作网页特效。 10.1 JavaScript基础 Javascript是基于对象的脚本语言，对象主要包含属性和方法两个基本元素。 属性就是对象具有的特征，例如文字的颜色、大小、字体等。 方法就是对象能执行的操作，比如输出信息到浏览器窗口就是一个对象方法。 Javascript中对象主要包括Javascript内部对象、用户自定义对象和HTML页面内对象。 10.1.1 语法 JavaScript脚本语言与其它程序语言类似，也拥有自己的基本数据类型、常量和变量、表达式等。 10.1.1 语法基本数据类型 几种常用的JavaScript基本数据类型：数值型：包括整数和浮点数。整数包括正整数、0、负整数，可以用十进制、八进制和十六进制表示。 八进制数以0开头表示，如“0123”表示八进制数“123”。 十六进制数以0x开头表示，如“0xEF”表示十六进制数“EF”。浮点数用于存储高精度的小数。如：“8.19”，“2.7e6”，“3”，“8e-10”。 10.1.1 语法10.1.1 语法基本数据类型 字符串型：是用双引号或单引号括起来的任意长度的一串字符。 JavaScript中在引号里再嵌套引号时需要前面加上转义字符斜杠“\”，其中\’表示单引号、\”表示双引号、\n表示换行符、\r表示回车等。 10.1.1 语法 基本数据类型逻辑型：表示逻辑值，逻辑型变量只有两个值可选：true(真)和false（假）。 true和false属于JavaScript的保留字，它们是“常数”。 空值：JavaScript中空值用null表示，表示什么都没有。 10.1.1 语法 常量和变量常量常量是指数值保持不变的量。 常量可以是一个数字，也可以是一串字符，常量值可以为整型、实型、逻辑型、字符串型。 “null”是一个特殊的JavaScript常量，当变量未定义，或者未赋值之前，它的值就是“null”， 另外，企图调用一个不存在的对象时也会返回null值 10.1.1 语法 变量变量是指其值可以改变的量。 JavaScript脚本语言具有在没有事先定义（声明）变量的情况下对变量直接使用的特点，并且可以在变量中存储任何类型的值。 而像Java和C这样的程序语言，必须在使用变量前对其进行定义（声明），同时变量只能存储定义类型的值。 JavaScript用关键字var定义变量，或使用赋值的形式定义变量。变量在程序的主要作用是存取数据，即提供存放信息的容器。 10.1.1 语法 JavaScript中的变量命名需要注意以下几点： Javascript定义的变量只能包含字母、数字和下划线 并且只能以字母或下划线开头 并且Javascript的变量名是区分大小写的。 不能使用JavaScript的保留字作为关键字，例如，var、 int、double、true等。 10.1.1 语法 如果变量名是由多个单词组成习惯上第一个单词用小写，其它单词的第一个字母用大写。如myVariable和myAnotherVariable。 在对变量命名时，最好使变量的名字与其功能对应，这样定义便于阅读和管理代码。 10.1.2 运算符 运算符是用于各种运算的符号，JavaScript中常用的运算符包括赋值运算符、算术运算符、比较运算符和逻辑运算符。 10.1.2 运算符 赋值运算符赋值运算符是将一个值赋给另外一个变量， JavaScript赋值运算符主要包括：基本赋值运算符“=”，复合赋值运算符：+=，-=，*=，/=和%=。 例如，下面一段赋值代码：x=100； //将值100赋值给变量xa+=10; //是赋值表达式a=a+10的简写形式 赋值运算符的结合性是从右到左，每个赋值表达式都有一个值，即赋值运算符右边的值。 10.1.2 运算符 算术运算符算术运算符的操作数和结果都是数值型值，JavaScript算术运算符分为双目运算符和单目运算符。 双目运算符包括：+、-、*、/、%（取模）、|（按位或）、（按位与）等。 单目运算符包括：！（取反）、~（取补）、++（自增1）、--（自减1）。 1