java Script学习笔记
java Script学习笔记
标签： 学习笔记 javaScript
- java Script学习笔记
- 知识点回顾
- JavaScript 实现
- ECMAScript解析器
- DOM文档对象模型
- BOM浏览器对象模型
- 如何在HTML中使用JavaScript
- 数据类型
- 结构语句
- 变量作用域局部变量优先于全局变量
- 数组
- 运算符
- 资料收集
- JavaScript了解
- javaScript基本概念理解
- javaScriipt核心内容
- 学习资料收集
知识点回顾
命名规范
1.匈牙利命名法：类型前缀+首字母大写
var sUserName；即s表示字符串
2.驼峰命名法：混合使用大小写字母
userName；首单词后首字母大写获取元素
document.getElementById(‘btn’);
：document：整个html文档
：通过id名：通过id获取元素（节点）
：在文档里面查找id为btn的元素
：所以id必须是唯一的鼠标事件：
onmouseover：当鼠标经过的时候
onmouseout：当鼠标离开的时候
onclick：当鼠标点击的时候
function show(){
代码
}
show()；JavaScript 实现
虽然JavaScript 和ECMAScript 通常都被人们用来表达相同的含义，但JavaScript 的含义却比ECMA-262 中规定的要多得多。没错，一个完整的JavaScript实现应该由下列三个不同的部分组成。
核心（ECMAScript）
文档对象模型（DOM）
浏览器对象模型（BOM）
ECMAScript：解析器
由ECMA-262 定义的ECMAScript 与Web 浏览器没有依赖关系。实际上，这门语言本身并不包含输入和输出定义。ECMA-262定义的只是这门语言的基础，而在此基础之上可以构建更完善的脚本语言。我们常见的Web浏览器只是ECMAScript 实现可能的宿主环境之一。宿主环境不仅提供基本的ECMAScript实现，同时也会提供该语言的扩展，以便语言与环境之间对接交互。而这些扩展——如DOM，则利用ECMAScript的核心类型和语法提供更多更具体的功能，以便实现针对环境的操作。其他宿主环境包括Node（一种服务端JavaScript 平台）和Adobe Flash。既然ECMA-262 标准没有参照Web 浏览器，那它都规定了些什么内容呢？大致说来，它规定了这门语言的下列组成部分： 语法 类型 语句 关键字 保留字 操作符 对象
ECMAScript 就是对实现该标准规定的各个方面内容的语言的描述。JavaScript 实现了ECMAScript，Adobe ActionScript 同样也实现了ECMAScript。
得到的结果只有：true false
DOM:文档对象模型
文档对象模型（DOM，Document Object Model）是针对XML 但经过扩展用于HTML的应用程序编程接口（API，Application ProgrammingInterface）。DOM把整个页面映射为一个多层节点结构。HTML或XML页面的每个组成部分都是某种类型的节点，这些节点又包含着不同类型的数据。看下面这个HML 页面：
Sample Page
Hello World!
通过DOM创建的这个表示文档的树形图，开发人员获得了控制页面内容和结构的主动权。
借助DOM提供的API，开发人员可以轻松自如地删除、添加、替换或修改任何节点。
BOM:浏览器对象模型
Internet Explorer 3 和Netscape Navigator 3有一个共同的特色，那就是支持可以访问和操作浏览器窗口的浏览器对象模型（BOM，Browser Object Model）。开发人员使用BOM 可以控制浏览器显示的页面以外的部分。而BOM真正与众不同的地方（也是经常会导致问题的地方），还是它作为JavaScript 实现的一部分但却没有相关的标准。这个问题在HTML5 中得到了解决，HTML5致力于把很多BOM 功能写入正式规范。HTML5发布后，很多关于BOM 的困惑烟消云散。从根本上讲，BOM只处理浏览器窗口和框架；但人们习惯上也把所有针对浏览器的JavaScript 扩展算作BOM的一部分。下面就是一些这样的扩展：
- 弹出新浏览器窗口的功能
- 移动、缩放和关闭浏览器窗口的功能；
- 提供浏览器详细信息的navigator 对象；
- 提供浏览器所加载页面的详细信息的location 对象；
- 提供用户显示器分辨率详细信息的screen 对象；
- 对cookies 的支持；
- 像XMLHttpRequest 和IE 的ActiveXObject 这样的自定义对象。；
借助BOM可以赋予js操控浏览器窗口的能力，比如复制，弹窗等
如何在HTML中使用JavaScript
- 分析：结构 样式 事件
- 通过HTML布局
- 添加样式
- 添加JS事件
使用