资源描述
模块9 JavaScript基础,1,在浏览网页时容易遇到这样的事情：打开一个网站并登录网站系统后，网页上会显示出一些问候语，如“欢迎光临本网站！”、“欢迎您在本网站留下足迹！”等，有些网站甚至能够根据用户登录的时间不同而显示相应的时间，如“下午好，欢迎您光临本网站！”、“现在是上午9：21，欢迎登录！”等。这是如何实现的呢？本任务将解决这个问题。,任务描述：,模块9 JavaScript基础,2,熟练掌握JavaScript在HTML中的使用方法。 了解关键字和标识符。 掌握JavaScript常用的数据类型。 熟悉常量和变量。 熟悉运算符和表达式。 掌握JavaScript的几种流程控制语句。 掌握函数的定义方法，并学会写函数。 了解JavaScript中常用的一些系统函数。,任务目标：,模块9 JavaScript基础,3,在该任务的程序中，程序的主体为黑色加粗部分，黑色加粗显示的代码表示JavaScript程序插入HTML文件中。JavaScript文件不能单独使用，这在后面会进行介绍。 分析该任务，可以看出，程序中运用了JavaScript中的程序流程控制语句ifelse、时间函数Date()、getHours()等知识，实现了该任务。,模块9 JavaScript基础,4,模块9 JavaScript基础,5,模块9 JavaScript基础,6,9.1 JavaScript概述,7,8,9.1.1 JavaScript导读,JavaScript在网页中的用处很多，它可以对事件作出响应，可以将JavaScript设置为当某事件发生时才被执行，例如，页面载入完成或者用户单击某个HTML元素时。JavaScript可以读写HTML元素，在数据被提交到服务器之前，JavaScript还可被用来验证这些数据。JavaScript可被用来检测访问者的浏览器，并根据所检测到的浏览器，为这个浏览器载入相应的页面。JavaScript可被用来创建cookies，还可被用来存储和取回位于访问者计算机中的信息等。,9.1 JavaScript概述,9,9.1.2 JavaScript在HTML中的使用,9.1 JavaScript概述,10,9.1.3 JavaScript注释,9.1 JavaScript概述,11,模块9 JavaScript基础,12,9.2 基础语法,13,9.2.1 关键字和标识符,9.2 基础语法,14,1.关键字,9.2.1 关键字和标识符,9.2 基础语法,15,2.标识符,9.2.1 关键字和标识符,9.2 基础语法,所谓标识符就是一个名称。在JavaScript中，标识符用来命名变量和函数，或者用做JavaScript代码中某些循环的标签。在JavaScript中，标识符的命名规则和Java以及其他许多语言的命名规则相同，第一个字符必须是字母、下划线或美元符号（$），其后的字符可以是字母、数字、下划线或美元符号等。 数字不允许作为首字符出现，以便JavaScript能轻易地区分开标识符和数字。,16,9.2.2 数据类型,9.2 基础语法,17,1.数值类型,9.2.2 数据类型,9.2 基础语法,18,2.字符串类型,9.2.2 数据类型,9.2 基础语法,19,20,未定义数据类型undefined，表示一个未定义的值在变量被创建后，未给该变量赋予以前所具有的值。对于数字，未定义数值表示为NaN；对于字符串，未定义数值表示为undefined；对于逻辑数值，未定义数值表示假。 Null值在JavaScript中是一个特殊类型的值，表示一个空值，即没有值，而不是0。,4.其他类型,9.2.2 数据类型,9.2 基础语法,21,9.2.3 变量,9.2 基础语法,22,在JavaScript中，变量的命名规则如下。 （1）必须以字母或下划线开头，中间可以是数字、字母或下划线。 （2）变量名不能包含空格、加号、减号等符号。 （3）不能使用JavaScript中的关键字。 （4）变量名严格区分大小写。,9.2.3 变量,9.2 基础语法,1.变量的命名,23,在JavaScript中，变量在使用前需要先声明，所有的JavaScript变量都用关键字var声明，其语法格式如下： var 变量名； 在声明变量的同时也可以对变量进行赋值，例如： var a,b,c=1; 表示声明变量a、b、c，同时对c赋值为1。 如果只声明变量，未对其赋值，则其默认值为undefined。,9.2.3 变量,9.2 基础语法,2.变量的声明与赋值,24,变量的作用域是指某变量在程序中的有效范围，即程序定义该变量的区域。JavaScript中的变量根据其作用域可以分为两种：全局变量和局部变量。全局变量是定义在所有函数之外，作用于整个程序的变量；局部变量是定义在函数体内，只作用于函数体的变量，函数的参数也是局部变量，它只在函数内部起作用。,9.2.3 变量,9.2 基础语法,3.变量的作用域,25,9.2.4 运算符,9.2 基础语法,构成计算机语言的基本要素,26,9.2.4 运算符,9.2 基础语法,27,9.2.4 运算符,9.2 基础语法,28,模块9 JavaScript基础,29,9.3 流程控制语句,30,9.3.1 条件语句,9.3 流程控制语句,31,switch语句用于将一个表达式的结果同多个值进行比较，并根据比较结果来选择执行哪条语句。语法格式如下： switch（表达式） case 整型常量值1: 程序语句1; break; case 整型常量值2: 程序语句2;,9.3.1 条件语句,9.3 流程控制语句,32,break; case 整型常量值n: 程序语句n; break; default: 程序语句n+1; break; ,9.3.1 条件语句,9.3 流程控制语句,33,9.3.3 while循环控制语句,9.3 流程控制语句,34,9.3.4 其他语句,9.3 流程控制语句,35,模块9 JavaScript基础,36,9.4 函数,37,9.4.1 函数的定义,9.4 函数,38,JavaScript并不区分函数（function）和过程（procedure），在JavaScript中只有函数。JavaScript也遵循函数的“先定义，后调用”的规则。函数由关键字function、函数名、参数以及置于花括号中需要执行的一段语句组成。函数的定义格式如下： function 函数名(参数1, 参数2, ) 语句段; return 表达式; / return语句指明被返回的值，如果不需要，可以省略 ,9.4.1 函数的定义,9.4 函数,39,9.4.2 函数的调用,9.4 函数,40,41,如果在函数之外声明了一个变量，则页面上的所有函数都可以访问该变量。这些变量的生存期从声明它们之后开始，到页面关闭时结束。 如果在函数中定义了与全局变量同名的局部变量，则在该函数中且位于该变量定义之后的脚本代码使用的是局部变量，而不是全局变量。因为此时，全局变量被局部变量所覆盖，不再起作用。,9.4.3 全局变量与局部变量,9.4 函数,42,9.4.4 JavaScript内置的函数,9.4 函数,43,模块9 JavaScript基础,44,在购物网站中，对顾客购买的东西都要进行价格计算。这些计算有些比较复杂，如进行不同时间段的打折计算，或根据团购与否给予不同的价钱，但计算起来，也不外乎加、减、乘、除这几种基本运算。下面设计一个简单的计算器，进行这4种基本运算。,任务描述：,模块9 JavaScript基础,45,动动手,一、填空题 1.在一个HTML文档中，使用_标签嵌入JavaScript代码。 2.JavaScript是一种_语言，其源代码不经过编译，而是在运行时被“翻译”，因此被称为脚本式语言。 3.在JavaScript中，变量在使用前需要先声明，所有的JavaScript变量都用关键字_声明。 4.forin循环语句和for循环语句十分相似，forin语句用来遍历对象的每一个_，每次都将属性名作为字符串保存在变量里。 5.在JavaScript中，参数之间必须用_分隔。,模块9 JavaScript基础,动动手,二、简答题 1.JavaScript有哪些作用？ 2.简述全局变量和局部变量的区别。 三、练习题 1.将一个gif图像显示为44的阵列。 2.编写一个函数，在页面上输出11 000所有能同时被3，5，7整除的整数，并要求每行显示6个这样的数。 3.设计一个表单，放入两个按钮，单击它们时将显示不同的问候语。,模块9 JavaScript基础,谢谢！,48,
展开阅读全文