javascript积累

本来是java程序员，但是工作过程中总是遇到各种js的任务得完成，所以也得慢慢积累啊！

一、浏览器对象模型（Browser Object Model）BOM

    window对象：当前浏览器窗口

        所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。

全局变量是 window 对象的属性。

全局函数是 window 对象的方法。

使用window对象的属性：window.xxx，也可以直接xxx调用

例：var element=document.getElementById("intro");

二、文档对象模型（Document Object Model）DOM

　　分三个部分：

• 核心 DOM - 针对任何结构化文档的标准模型

• XML DOM - 针对 XML 文档的标准模型

• HTML DOM - 针对 HTML 文档的标准模型

　　HTML DOM 定义了所有 HTML 元素的对象和属性，以及访问它们的方法。我们主要涉及HTML DOM

三、HTML DOM

　　1.HTML DOM 标准，HTML 文档中的所有内容都是节点：

• 整个文档是一个文档节点
• 每个 HTML 元素是元素节点
• HTML 元素内的文本是文本节点
• 每个 HTML 属性是属性节点
• 注释是注释节点

　　所有节点组成DOM树，从根节点html开始，一级级向下。

　　既然有树，就有树的所有叫法：父（parent）、子（child）和同胞（sibling）。

　　DOM树中所有节点都可以通过js进行获取、修改、添加、删除。

　　2.一些常用的 HTML DOM 方法：

• • getElementById(id) - 获取带有指定 id 的节点（元素）
  • appendChild(node) - 插入新的子节点（元素）
  • removeChild(node) - 删除子节点（元素）

　　　一些常用的 HTML DOM 属性：

• • innerHTML - 节点（元素）的文本值
  • parentNode - 节点（元素）的父节点
  • childNodes - 节点（元素）的子节点
  • attributes - 节点（元素）的属性节点