Web应用开发技术 教学课件 作者 宋先斌 何在玉 第06章.ppt

第6章 JavaScript语言简介 6.1 编写JavaScript代码 6.2 变 量 与 数 组 6.3 JavaScript的数据类型 6.4 运算符与表达式 6.5 流程控制语句 6.6 JavaScript 函 数 6.7 JavaScript 的 事 件 6.8 对 象 处 理 语 句 6.9 JavaScript内置对象 6.10 JavaScript的常用函数 6.11 对象层次及DOM模型 通过本章的学习，读者应重点掌握以下内容： ? 编写JavaScript代码 ? JavaScript的事件 ? JavaScript的对象 6.1 编写JavaScript代码 6.1.1 语句 1．简单语句 JavaScript的代码语句由一行中的一个或多个项和符号组成。每行开始一条新的语句，不过显式地终止语句是一个好方法。可以用分号（;）来实现，分号是 JavaScript的终止字符。 例如： var name = Robin; var today = new Date(); 2．复合语句 用大括号括起来的一组 JavaScript 语句称为复合语句。 例如，在函数和条件语句中常使用语句块： if xy { t=x; x=y; 由三个简单语句构成一个复合语句 y=t; } 3．注释语句 （1）单行注释语句 单行的JScript注释以一对正斜杠(//)开始。 aGoodIdea = Comment your code thoroughly.; // 这是一个单行注释。 （2）多行注释语句 多行注释以一个正斜杠加一个星号的组合(/*)开始,并以其逆向顺序 (*/)结束。 6.1.2 JavaScript与Java的区别 （1）JavaScript是解释型的语言，当程序执行的时候，浏览器一边解释一边执行。而Java是编译型的语言，必须经过编译才能执行。 （2）代码格式不一样，Java代码经过编译后变成中间文件经过Java虚拟机解释执行，而JavaScript是纯文本的文件。 （3）在HTML中的嵌入方式不一样。Java可以通过小应用程序APPLET嵌入HTML文件，而JavaScript可直接在一个文本文件或HTML文件中写入。 6.1.3 网页中引入JavaScript 在网页中引入JavaScript，只要加上SCRIPT标记然后再设置一下所用的语言就可以了。 例6-1 第一个JavaScript程序。 HTML HEAD/HEAD BODY SCRIPT LANGUAGE=JavaScript document.write(这是以JavaScript输出的!) /SCRIPT /BODY /HTML 6.1.4 JavaScript的保留关键字 JavaScript有许多保留关键字。这些关键字可分为三种类型：JavaScript保留关键字、将来的保留字和应避免的单词，见表6-1和表6-2。 6.2 变 量 与 数 组 6.2.1 变量 1．变量的定义 JavaScript定义变量只有一个关键字“var”，在JavaScript中定义一个用户名变量的语法为：“var strUserName；”。 例6-2 使用变量。 HTML HEAD TITLE/TITLE SCRIPT LANGUAGE=JavaScript var strWelcome = 欢迎您！BR; var iCounter = 10; iCounter = iCounter + 1; /SCRIPT /HEAD BODY SCRIPT LANGUAGE=JavaScript document.write(strWelcome); document.write(iCounter); /SCRIPT /BODY /HTML 2．变量命名规则 变量命名需要以下几个规则。 （1）变量命名必须以一个英文字母或是下划线为开头，也就是变量名第一个字符必须是A到Z或是a到z之间的字母或是“_”。 （2）变量名长度在0～255字符之间。 （3）除了首字符，其他字符可以使用任何字符、数字及下划线，但是不可以使用空格。 （4）不可以使用JavaScirpt的运算符号，例如＋，－，×，÷等。 （5）不可以使用JavaScirpt用到的保留字，例如sqrt（开方）