第六章 JavaScript语
言概述
6.1 JavaScript语言概述
? 1、简单性
? 2、动态性
? 3、跨平台性
? 4、节省 CGI交互时间
6.1.1 JavaScript的运行环境
? Navigator2.0以上
? IE3.0以上
6.1.2 JavaScript程序的引入
? 常放在 <HEAD>….</HEAD> 标记之间
? < Script Language＝,JavaScript”>….< Script> 间放入
JavaScript脚本
? 程序代码有 大小写 的区别
? 演示－－－ 第一个 JavaScript脚本
6.2基本数据结构
? String 字符型
? Number数值类型
? Boolean 布尔类型 可以为 true 或 false
? Object
? Null 没有任何值 什么也不表示
? Underfined 没有赋值前的一个值
6.2.2 常量
? 字符型：用“”或‘’括起来的一个或几
个字符
? 数值类型：整型常量 实型常量
? 布尔类型,可以为 true 或 false
? 空值,Null
? 特殊字符：一些控制字符如 \b 跳格 \n跳行
6.2.3 变量
? 1.变量的命名 p101 （ 1）（ 2）（ 3）
? 2.变量的类型：使用前可以不声明
? 3.变量的声明及其作用域
? Var 变量名称 【 ＝初始值 】
6.2.4 表达式和运算符
? 1、算术运算符：＋＋、－－,*,/,%,+,-
? 2、字符串运算符,+
? 3、位运算符,&,|.^.-.~.<<.>>.>>>
? 4、比较运算符,<.<=.>.>=.==.!=
? 5、布尔运算符：！
&=.&.|=.|.^=.^.?:.||.==.|=
? 6、优先级,从 1开始由高到低
? 演示,停留时间的计算
? 演示,显示时间及欢迎话语
? 演示,改变背景颜色
? 演示,加载卸载事件显示
? 演示,在状态栏 显示文字
? 演示,打开与关闭窗口示例
? 演示－ 导航列表示意
? 演示－ 纵向滚动文字示意
? 演示－ 动态时间显示
? 演示－ 动态标题栏显示
? 演示－ 状态栏显示
? 演示－ 鼠标跟随文字效果
6.3程序构成
? 1.条件语句
? If…..else 若 if后的语句有多行，可以用花括号将
其括起来。
? 2.分支语句 switch
? Switch（）
? {case label1:语句段 1； break；
? case label1:语句段 1； break；
? case label1:语句段 1； break；
? Default：语句段 n； }
? 3.for循环语句
? For（初始化；条件；增量）
? {
? 语句段 ;
? }
? 4.while循环语句
? While（条件）
? {
? 语句段；
? }
? 5.with（）在括号中写出这个对象的名称，
在下面的执行语句中可以直接写这个对象
的属性名或方法名。
? 6.new来定义一个新对象。
? 新对象名称＝ new 真正的对象名
6.3.2函数
? 在程序中多次要用到的模块可以编为函数
? Function 函数名称（参数 1,…,）
? {
? 语句段；
? …
? return 表达式；
? }
6.3.3事件驱动及事件处理
? 1.概念：通常鼠标或热键的动作称为事件
（ event），由此引发的一连串程序的动
作称为事件驱动。
? 2.事件处理程序：可以按照函数格式编写
? 3.事件驱动（事件 ＝”, )
? 可以编写事件处理程序
? 也可以使用 js的代码
? 演示－ 小心地震
6.4基于对象的 js语言
? 1.对象的基本结构
? 属性：背景色、长度、名称等
? 方法：所进行的操作。
? 2.对象的操作
6.4.3js常用内部对象
? 1.串对象
? 属性,length
? 方法：显示，大小，颜色，搜索，大小写
? 2.日期及时间对象（ p111）
? （ 1）获取日期的时间方法
? （ 2）设置日期和时间
? 3.算术函数的 math对象
? （ 1）主要属性,6个
? （ 2）主要方法
6.4.4 web页面信息交互
? 1.浏览器对象的层次性
? 2.窗体对象与交互性
? 注意：其源代码公开，任何文本编辑器可
以编辑，拷贝代码可以执行。
? 不适合作口令检测等安全性要求较高的内
容。
言概述
6.1 JavaScript语言概述
? 1、简单性
? 2、动态性
? 3、跨平台性
? 4、节省 CGI交互时间
6.1.1 JavaScript的运行环境
? Navigator2.0以上
? IE3.0以上
6.1.2 JavaScript程序的引入
? 常放在 <HEAD>….</HEAD> 标记之间
? < Script Language＝,JavaScript”>….< Script> 间放入
JavaScript脚本
? 程序代码有 大小写 的区别
? 演示－－－ 第一个 JavaScript脚本
6.2基本数据结构
? String 字符型
? Number数值类型
? Boolean 布尔类型 可以为 true 或 false
? Object
? Null 没有任何值 什么也不表示
? Underfined 没有赋值前的一个值
6.2.2 常量
? 字符型：用“”或‘’括起来的一个或几
个字符
? 数值类型：整型常量 实型常量
? 布尔类型,可以为 true 或 false
? 空值,Null
? 特殊字符：一些控制字符如 \b 跳格 \n跳行
6.2.3 变量
? 1.变量的命名 p101 （ 1）（ 2）（ 3）
? 2.变量的类型：使用前可以不声明
? 3.变量的声明及其作用域
? Var 变量名称 【 ＝初始值 】
6.2.4 表达式和运算符
? 1、算术运算符：＋＋、－－,*,/,%,+,-
? 2、字符串运算符,+
? 3、位运算符,&,|.^.-.~.<<.>>.>>>
? 4、比较运算符,<.<=.>.>=.==.!=
? 5、布尔运算符：！
&=.&.|=.|.^=.^.?:.||.==.|=
? 6、优先级,从 1开始由高到低
? 演示,停留时间的计算
? 演示,显示时间及欢迎话语
? 演示,改变背景颜色
? 演示,加载卸载事件显示
? 演示,在状态栏 显示文字
? 演示,打开与关闭窗口示例
? 演示－ 导航列表示意
? 演示－ 纵向滚动文字示意
? 演示－ 动态时间显示
? 演示－ 动态标题栏显示
? 演示－ 状态栏显示
? 演示－ 鼠标跟随文字效果
6.3程序构成
? 1.条件语句
? If…..else 若 if后的语句有多行，可以用花括号将
其括起来。
? 2.分支语句 switch
? Switch（）
? {case label1:语句段 1； break；
? case label1:语句段 1； break；
? case label1:语句段 1； break；
? Default：语句段 n； }
? 3.for循环语句
? For（初始化；条件；增量）
? {
? 语句段 ;
? }
? 4.while循环语句
? While（条件）
? {
? 语句段；
? }
? 5.with（）在括号中写出这个对象的名称，
在下面的执行语句中可以直接写这个对象
的属性名或方法名。
? 6.new来定义一个新对象。
? 新对象名称＝ new 真正的对象名
6.3.2函数
? 在程序中多次要用到的模块可以编为函数
? Function 函数名称（参数 1,…,）
? {
? 语句段；
? …
? return 表达式；
? }
6.3.3事件驱动及事件处理
? 1.概念：通常鼠标或热键的动作称为事件
（ event），由此引发的一连串程序的动
作称为事件驱动。
? 2.事件处理程序：可以按照函数格式编写
? 3.事件驱动（事件 ＝”, )
? 可以编写事件处理程序
? 也可以使用 js的代码
? 演示－ 小心地震
6.4基于对象的 js语言
? 1.对象的基本结构
? 属性：背景色、长度、名称等
? 方法：所进行的操作。
? 2.对象的操作
6.4.3js常用内部对象
? 1.串对象
? 属性,length
? 方法：显示，大小，颜色，搜索，大小写
? 2.日期及时间对象（ p111）
? （ 1）获取日期的时间方法
? （ 2）设置日期和时间
? 3.算术函数的 math对象
? （ 1）主要属性,6个
? （ 2）主要方法
6.4.4 web页面信息交互
? 1.浏览器对象的层次性
? 2.窗体对象与交互性
? 注意：其源代码公开，任何文本编辑器可
以编辑，拷贝代码可以执行。
? 不适合作口令检测等安全性要求较高的内
容。
