网页设计ppt课件.ppt

模块9JavaScript基础 1 在浏览网页时容易遇到这样的事情 打开一个网站并登录网站系统后 网页上会显示出一些问候语 如 欢迎 光临本网站 欢迎您在本网站留下足迹 等 有些网站甚至能够根据用户登录的时间不同而显示相应的时间 如 下午好 欢迎您光临本网站 现在是上午9 21 欢迎登录 等 这是如何实现的呢 本任务将解决这个问题 任务描述 模块9JavaScript基础 2 熟练掌握JavaScript在HTML中的使用方法 了解关键字和标识符 掌握JavaScript常用的数据类型 熟悉常量和变量 熟悉运算符和表达式 掌握JavaScript的几种流程控制语句 掌握函数的定义方法 并学会写函数 了解JavaScript中常用的一些系统函数 任务目标 模块9JavaScript基础 3 在该任务的程序中 程序的主体为黑色加粗部分 黑色加粗显示的代码表示JavaScript程序插入HTML文件中 JavaScript文件不能单独使用 这在后面会进行介绍 分析该任务 可以看出 程序中运用了JavaScript中的程序流程控制语句if else 时间函数Date getHours 等知识 实现了该任务 模块9JavaScript基础 4 模块9JavaScript基础 5 模块9JavaScript基础 6 9 1JavaScript概述 7 8 9 1 1JavaScript导读 JavaScript在网页中的用处很多 它可以对事件作出响应 可以将JavaScript设置为当某事件发生时才被执行 例如 页面载入完成或者用户单击某个HTML元素时 JavaScript可以读写HTML元素 在数据被提交到服务器之前 JavaScript还可被用来验证这些数据 JavaScript可被用来检测访问者的浏览器 并根据所检测到的浏览器 为这个浏览器载入相应的页面 JavaScript可被用来创建cookies 还可被用来存储和取回位于访问者计算机中的信息等 9 1JavaScript概述 9 9 1 2JavaScript在HTML中的使用 9 1JavaScript概述 10 9 1 3JavaScript注释 9 1JavaScript概述 11 模块9JavaScript基础 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变量名 在声明变量的同时也可以对变量进行赋值 例如 vara 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 模块9JavaScript基础 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 3while循环控制语句 9 3流程控制语句 34 9 3 4其他语句 9 3流程控制语句 35 模块9JavaScript基础 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 4JavaScript内置的函数 9 4函数 43 模块9JavaScript基础 44 在购物网站中 对顾客购买的东西都要进行价格计算 这些计算有些比较复杂 如进行不同时间段的打折计算 或根据团购与否给予不同的价钱 但计算起来 也不外乎加 减 乘 除这几种基本运算 下面设计一个简单的计算器 进行这4种基本运算 任务描述 模块9JavaScript基础 45 动动手 一 填空题1 在一个HTML文档中 使用 标签嵌入JavaScript代码 2 JavaScript是一种 语言 其源代码不经过编译 而是在运行时被 翻译 因此被称为脚本式语言 3 在JavaScript中 变量在使用前需要先声明 所有的JavaScript变量都用关键字 声明 4 for in循环语句和for循环语句十分相似 for in语句用来遍历对象的每一个 每次都将属性名作为字符串保存在变量里 5 在JavaScript中 参数之间必须用 分隔 模块9JavaScript基础 动