华育国际javascript课件.pdf

JavaScript JavaScriptJavaScript JavaScript 什么是JavaScript 第一个JavaScript小程序 嵌入JavaScript 基本语法 数据类型 变量 运算符 流程控制语句 函数 事件 对象 JavaScriptJavaScript q什么是JavaScript JavaScript 被设计用来向 HTML 页面添加交互行为 JavaScript 是一种脚本语言 脚本语言是一种轻量级的 编程语言 JavaScript 由数行可执行计算机代码组成 JavaScript 通常被直接嵌入 HTML 页面 JavaScript 是一种解释性语言 就是说 代码执行不进 行预编译 所有的人无需购买许可证均可使用 JavaScript JavaScriptJavaScript q第一个JavaScript小程序 document write Hello World JavaScriptJavaScript q嵌入JavaScript JavaScriptJavaScript qJavaScript基本语法 JavaScript语句 通常要在每行语句的结尾加上一个分号 浏览器按照编写顺序依次执行每条语句 JavaScript注释 单行的注释以 开始 多行注释以 开头 以 结尾 JavaScriptJavaScript基本数据类型基本数据类型 q 三种基本的数据类型 数值 整数和实数 字符串型 用 号或 括起来的字符或数值 布尔型 使True或False表示 q 两种复合类型 对象 数组 q 两种特殊类型 Null Undefined JavaScriptJavaScript q变量 变量的声明 变量的命名 第一个字符必须是一个 ASCII 字母 大小写均可 或一个下划线 注意第一个字符不能是数字 后续的字符必须是字母 数字或下划线 变量名称一定不能是 保留字和特殊符号 格式 var 变量名 值 变量名 值 JavaScriptJavaScript q变量 变量的作用域 全局变量 局部变量 JavaScriptJavaScript 运算符运算符 算数运算符 比较运算符 赋值运算符 布尔逻辑运算符 运算符运算符 q算数运算符 运算符运算符 q比较运算符 运算符运算符 q赋值运算符 运算符运算符 q布尔逻辑运算符 JavaScriptJavaScript q流程控制语句 选择结构 单一选择结构 if 二路选择结构 if else 内联三元运算符 多路选择结构 switch JavaScriptJavaScript q流程控制语句 循环结构 在循环的开头测试表达式 while 在循环的末尾测试表达式 do while 对对象的每个属性都进行操作 for in 由计数器控制的循环 for break 和 continue 语句 break 语句来中断一个循环的运行 continue 语句越过余下的代码块而直接跳到下一个 循环中 JavaScriptJavaScript q函数 创建函数的语法 创建函数的语法 不带参数的函数不带参数的函数 带带return返回值的函数返回值的函数 function 函数名函数名 var1 var2 varX 代码 代码 JavaScriptJavaScript qJavaScript系统函数 JavaScriptJavaScript qJavaScript消息框 警告框 alert 确认框 confirm 提示框 prompt JavaScriptJavaScript q事件处理 单击事件onClick onChange改变事件 选中事件onSelect 获得焦点事件onFocus 失去焦点onBlur 载入文件onLoad 卸载文件onUnload JavaScriptJavaScript JavaScript对象 对象的概念 对象的组成 对象的引用 创建自己的对象 内置对象 JavaScriptJavaScript对象对象 q对象的概念 JavaScript 是面向对象的编程语言 OOP OOP 语言使我们有能力定义自己的对象和变量 类型 对象仅仅是一种特殊的数据类型而已 并拥有一系列的属性和方法 q对象的组成 JS对象对象 属性属性方法方法 JavaScriptJavaScript对象对象 q对象的引用 引用JavaScript内部对象 由浏览器环境中提供 创建新对象 引用当前的对象使用this关键字 引用对象的属性或方法使用 符号 JavaScriptJavaScript对象对象 内置对象内置对象 字符串对象 日期对象 数组对象 算数对象 HTML DOM对象 JavaScriptJavaScript对象对象 q字符串对象 q字符串对象属性 Length属性 q字符串对象方法 格式 var 字符串对象名 自定义 string JavaScriptJavaScript对象对象 q日期对象 q日期对象方法 格式 var myDate new Date JavaScriptJavaScript qJavaScript计时 setTimeout clearTimeout setInterval clearInterval 格式 var t setTimeout javascript函数 毫秒 一次定时 格式 clearTimeout setTimeout variable 格式 var t setInterval javascript函数 毫秒 多次定时 格式 clearTimeout setInterval variable JavaScriptJavaScript对象对象 q数组对象 q数组对象属性 Length属性 q数组对象方法 格式 new Array new Array size new Array element0 element0 elementn JavaScriptJavaScript对象对象 q算数对象 q算数对象方法 格式 var pi value Math PI JavaScriptJavaScript对象对象 HTML DOM对象 HTML DOM简介 HTML DOM节点 HTML DOM节点的访问及节点信息 Window对象 Histroy对象 Location对象 Document对象 HTML DOMHTML DOM对象对象 qHTML DOM简介 HTML 文档对象模型 HTML Document Object Model 定义了访问和处理 HTML 文档 的标准方法 DOM 可被 JavaScript 用来读取 改变 HTML XHTML 以及 XML 文档 HTML DOMHTML DOM对象对象 qHTML DOM节点 整个文档是一个文档节点 每个 HTML 标签是一个元素节点 包含在 HTML 元素中的文本是文本节点 每一个 HTML 属性是一个属性节点 注释属于注释节点 HTML DOMHTML DOM对象对象 qHTML DOM节点的访问 通过使用 getElementById 和 getElementsByTagName 方法 通过使用一个元素节点的 parentNode firstChild 以及 lastChild 属性 qHTML DOM节点信息 nodeName 节点名称 nodeValue 节点值 nodeType 节点类型 HTML DOMHTML DOM对象对象 qWindow对象 Window对象方法 HTM