第7章JavaScript脚本语言.ppt

网页制作基础教程 山东信息职业技术学院 田 洁 * * 第五章 JavaScript与DHTML 通过本章学习，应该掌握以下内容： JavaScript语言基础 在网页中插入JavaScript脚本语言的方法 在网页中应用DHTML技术 5.1.1 JavaScript应用实例 1．在网页中使用JavaScript的方法 在网页中使用脚本的方法有三种： （1）使用SCRIPT标记符插入脚本 方法是：把脚本标记符SCRIPT／SCRIPT置于网页上的HEAD部分或BODY部分，然后在其中加入脚本程序。 语法如下： SCRIPT language=JavaScript“ type=text/javascript !-- 在此编写JavaScript代码。 //-- ／SCRIPT （2）直接添加脚本 （3）链接脚本文件 5.1.2 JavaSript基本语法 1.语句 每一句JavaSript都有类似于以下的格式：语句; 2.语句块 语句块使用“{ }”括起来的一个或多个语句。在大括号里面是几个语句，但在大括号外面，语句块是被当作一个语句的。语句块是可以嵌套的，也就是说，一个语句块里面可以再包含一个或多个语句块。 3.注释 注释在运行时也时被忽略的。 JavaSript注释有两种：单行注释和多行注释 1）单行注释用“//”表示。 2）多行注释用“/*”和“*/”括起来的一行到多行文字。 5.2 JavaSript语言基础 JavaScript 语法与 C/C++、Java 的语法很相似，有自身的基本数据类型、表达式和算术运算符以及程序的基本框架结构。 5.2.1 数据类型、常量和变量 1.数据类型 JavaScript提供了以下几种基本的数据类型： 字符类型：字符串是用单引号“‘”或双引号“””来说明的（使用单引号来输入包含引号的字符串）。例如“FrontPage2002”，“JavaScript”等。 数值类型：分为整数和浮点数两种。 （1）整数可以为正数、0或者负数。例如 2，-4。 （2）浮点数可以包含小数点、也可以包含一个“e”（大小写均可，在科学记数法中表示“10的幂”）。 例如12.3456，2E3 布尔类型：此类型数据只有两个值：true或false。 对象类型：对象也是JavaScript中的重要组成部分。如window对象、Date对象等。 null值：null值就是没有任何值，什么也不表示。在应用中常将它作为一个初始变量值使用，这样可以避免变量没被初始化时程序将其置为不可预知的值而出现错误。 未定义：表示变量声明后，还没有赋值时所具有的值。 2.常量 常量就是在程序运行中不能改变的数据。常用的常量类型有： 1)数值型：整型常量和实型常量 2)布尔型：true 、false 3)字符型：’’和””括起来的一个或几个字符. 4)空值: 什么也不表示，没有任何值 5)NaN值：即Not a Number. 6)特殊字符：以\开始的不可显示的特殊字符，通常称为转移字符。例：\b 、 \n 3.变量 变量的主要作用是充当数据或信息的存放容器，在程序运行过程中产生的临时值也可以赋予变量。 1)?变量的命名 JavaScript中变量的命名遵循以下的规则： （1）变量名必须由字母（大小写均可）或下划线“_”开头。后继字符可以是字母、数字、下划线。 （2）变量名不能包含空格。 （3）JavaScript对大小写是有区别的。 （4）不能使用JavaScript中的关键字作为变量。在JavaScript中定义了40多个关键字，这些关键是JavaScript内部使用的，不能作为变量名称。如var、int、double、true不能作为变量的名称。 2）变量的赋值 语法结构：变量=表达式; 3) 变量的声明 所有的JavaScript变量都由关键字var声明。例如：var fristnum （在定义变量时没有给它赋值）var fristnum=24 （在定义变量的同时给它赋值） 说明：（1）在JavaScript中，变量类型的指定是与变量的初始化联系在一起的，当某个变量被初始化为某一种类型的值时，它就是该类型的变量。 例：var fristnum＝24 (变量fristnum的类型为数值型) var fristchr=my work （变量fristchr的类型为字符型） （2）JavaScript并不需要在使用变量前先声明它的类型，可以在使用时再根据数据的类型来确定它的类型。 例：fristnum＝24 (变量fristnum的类型