BOM_DOM

JSON JAVASCRIPT对象表示法
json 是存储和交换信息的语法 类似xml
json 比xml 更小 更容易解析
json 是轻量级的文本数据交换格式

BOM对象 浏览器对象模型.
1.WINDOW对象
window对象是javaScript层级中的顶层对象
window对象代表一个浏览器窗口或一个框架
window对象会在或每次出现时被创建

window中的方法
document 对Document对象的只读引用
location 用于窗口或框架的Location对象
history 对History对象的只读引用
document.title 设置网页的标题

2.事件
事件说明
基本上所有的html元素中都可以指定事件属性
每个元素支持什么样的属性可以差文档
所有的事件属性都是用on开头的，后面的是事件的触发方式
onclick 是单击
onkeydown 表示建按下

常用的事件类型
鼠标单击相关
onclick 左键单击时触发
ondbclick 当用户双击对象的时候触发
onmousedown 当用户用任何单击鼠标按钮的时候触发
onmouseup 当用户在鼠标位于对象之上时释放鼠标按钮时触发

鼠标移动相关
onnouseout 当用户将鼠标指针移出对象边界时触发
onmousemove 当用户将鼠标划过对象时触发

焦点相关的
onblur 在对象失去输入焦点时触发
onfocus 当对象获得焦点时触发

其他：
onchange 当对象或选中区的内容改变时触发
onload 在浏览器完成对象的装载后立即触发
onsubmit 当表单将要被提交时触发

document对象

该对象代表整个文档页面
对象的集合
all 获取页面所有元素对象
forms 获取页面所有表单对象
images获取页面所有图片对象
links 获取所有超链接或area对象

DOM介绍
全称Document Object Model 即文档对象模型
DOM描绘了一个层次化的树，允许开发人员添加 删除 修改页面的某一部分
浏览器在解析HTML 页面标记的时候，其实不是按照一行一行读取并解析的
而是将HTML 页面中的每一个标记按照顺序在内存中组件一颗DOM树
组建好之后，按照树的结构将页面显示在浏览器的窗口中

节点层次
HTML网是可以看做是一个树状的结构
html
|– head
| |– title
| |– meta
| …
|– body
| |– div
| |– form
| | |– input
| | |– textarea
… … …

这是一颗树，是由多个节点（Node）组成的，节点的类型有很多种。
节点最多有一个父节点，可以有多个子节点。

HTML DOM定义了访问和操作HTML文档的标准方法
document
代表当前页面的整个文档树
访问属性
all
forms
images
links
body
访问方法 最常用的

获取节点对象案例
document.getElementById（“html元素的id”）
document.getElementByTagName（“标签名”）
document.getElementsByName（“html元素的name”）