05-JS基础2

一、javascript组成

JavaScript由三部分组成:
1. 核心(ECMAScript)
2. 浏览器对象模型(BOM)
3. 文档对象模型(DOM)

ECMAScript：是一种由ECMA国际(前身为欧洲计算机制造商协会,英文名称是European Computer Manufacturers Association)通过ECMA-262标准化的脚本程序设计语言。ECMAScript 定义的只是这门语言的基础，他的组成部分有：语法、类型、语句、关键字、保留字、操作符、对象等

BOM： Browse Object Model, 浏览器对象模型，提供与浏览器交互的方法和接口(API ), 开发人员使用BOM可以控制浏览器显示页面以外的部分.

DOM： Document Object Model, 文档对象模型，提供访问和操作网页HTML内容的方法和接口

二、BOM

• window对象
  BOM的核心是window对象(全局),window对象的方法:
  alert(text): 弹出提示框(警告框)
  confirm(): 创建一个需要用户确认的对话框
  open(url,[options]) : 打开一个新窗口并返回新 window 对象(默认新建，_self当前窗口; 调用window对象close方法即关闭窗口)

• location对象
  location.href = 'http://www.baidu.com' //跳转到指定的URL
  location.assign('http://www.baidu.com'); //跳转到指定的URL
  location.reload(); //最有效的重新加载,有缓存加载

三、DOM

• DOM的概念
  DOM就是Document Object Model(文档对象模型)的缩写，DOM 是 W3C（万维网联盟）的标准。
  DOM是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式。

HTML(页面结构) CSS(页面样式) JavaScript(页面行为操作)

• 节点树
  加载HTML页面时，web浏览器生成一个树形结构，用来表示页面内部结构。DOM将这种树形结构理解为由节点组成:

节点树

上图树形结构，html标签，没有父辈，没有兄弟，所以html标签为根标签。head标签是html的子标签，meta和title标签是兄弟关系。如果把每个标签当作一个节点，那么这些节点组合成的就是节点树。

• 节点种类
  元素节点、文本节点、属性节点;

  
测试Div
  元素节点: div
  属性节点: id="box"
  文本节点: 测试Div

• 元素节点对象的获取方式

- getElementById(): 获取特定ID元素的节点对象(返回一个对象)
- getElementByClassName():  获取指定类名的元素节点列表(返回一个数组)
- getElementsByTagName():  获取指定标签名的节点列表(返回一个数组)
- getElementsByName():  获取相同name属性值的节点列表(返回一个数组)

错误提醒: 如果id值存在, 但是返回null，则是执行顺序的问题！
  解决方式一: 把