探索Javascript解读.pptx

探索 Javascript if…else… do…while… for… Copyright ? 2015 All right reserved. 什么是Javascript？ 什么是Javascript？ ? Javascipt是一种脚本语言，由web浏览器进行解释和执行。 JAVAScript ECMAScript BOM DOM ECMAScript：javascript 核心。 BOM：浏览器对象模型。 DOM：文档对象模型。 Javascript 如何应用到网页中？ 4 方式一： 方式二： Javascript 如何应用到网页中？ 5 方式三： html hello.js Javascript 基础 定义变量 7 变量 第一个字符必须是字母、下划线(_)、或美元符号 ($)。 变量名中不能包含空格或标点符号（$ 除外)。 变量名区分大小写。 不能使用保留字、关键字。 变量命名要有意义，有更好的可读性。 驼峰标记法 8 命名习惯 下划线标记法 字符串(String) 9 数据类型 数值(Number) 布尔类型(Boolean) 10 数据类型 对象(Object) Undefined(未定义) Null 查看数据类型 11 数据类型 类型转换 Javascript 运算符 算术运算符 13 运算符 +, -, *, /, % %：取模，求余数 14 运算符 比较运算符 , , =, =, ==, ===, !=, !== ==：是否相等 ===：全等于 (值相等，类型一致) !=：不等于 !==：全不等于(值不相等，类型不一致) 逻辑运算符 15 运算符 ：与 ||：或 !：非 逻辑运算符 16 运算符 运算数1 与 运算数2 结果 true true true true false false false true false false false false 运算数1 或 运算数2 结果 true || true true true || false true false || true true false || false false 17 运算符 递增(++)、递减(--)运算符 单行注释 18 Javascript 注释 多行注释 程序流程控制 判断结构(if) 20 程序流程控制 分支结构(switch) 21 程序流程控制 循环结构 22 程序流程控制 while do…while 23 程序流程控制 24 程序流程控制 for Javascript 函数 函数 26 函数 变量作用域 27 变量作用域 全局变量，函数外部定义的变量。 局部变量，函数内部定义的变量。 Javascript 对象 对象概念 29 对象概念 Object。 一切皆对象。 Javascript是一种基于对象的编程语言。 对象 特征/属性 行为/方法 日期时间对象 30 本地对象 Math数学对象 31 本地对象 字符串对象 32 本地对象 数组对象 33 本地对象 BOM 浏览器对象模型 34 BOM对象 window DOM 文档对象模型 35 DOM对象 当网页被加载时，浏览器会创建页面的文档对象模型。 HTML DOM 模型被构造为对象的树。 document getElementById() 36 获取元素 getElementsByTagName() 37 获取元素 getElementsByName() 38 获取元素 39 操作Dom节点 40 操作HTML属性 41 操作HTML结构 42 操作HTML结构 Javascript 事件 44 事件类型 事件 描述 onclick 当鼠标点击时。 ondblclick 当鼠标双击时。 onmouseover 当鼠标在元素上经过时。 onmouseout 当鼠标在元素上离开时。 onmousedown 当鼠标按键按下时。 onmouseup 当鼠标按键松开时。 onmousemove 当鼠标移动时。 鼠标事件 45 事件类型 事件 描述 onkeydown 当键盘按键按下时。 onkeyup 当键盘按键松开时。 onkeypress 当键盘按键一直按着时。 键盘事件 46 事件类型 事件 描述 onsubmit 当表单被提交时。 onreset 当表单被重置时。 onfocus 当元素获得焦点时。 onblur 当元素失去焦点时。 onselect 当元素文本被选中时。 onchange 当元素值被改变时。 表单事件 47 事件类型 事件 描述 onload 当页面或图片加载完成时。 onunload 当页面退出时。 onresize