1.dom和bom的概念和起源

什么是DOM:
文件对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展置标语言的标准编程接口。

Document Object Model 的历史可以追溯至1990年代后期微软与Netscape的“浏览器大战”（browser wars），双方为了在JavaScript 与 JScript一决生死，于是大规模的赋予浏览器强大的功能。微软在网页技术上加入了不少专属事物，计有VBScript、ActiveX、以及微软自家的DHTML格式等，使不少网页使用非微软平台及浏览器无法正常显示。DOM即是当时蕴酿出来的杰作。

DOM是Document Object Model的简写，既文档对象模型。 DOM由一系列对象组成，是访问、检索、修改XHTML文档内容与结构的标准方法。 DOM是跨平台与跨语言的。[一个公共文档定义标准] DOM用于XHTML、XML文档的应用程序接口(API)。 DOM提供一种结构化的文档描述方式，从而使HTML内容使用结构化的方式显示。 DOM标准是由w3c制定与维护的 http://www.w3.org/DOM/。 DOM的顶层是document对象

什么是BOM

• • BOM是browser object model的缩写，简称浏览器对象模型
  • BOM提供了独立于内容而与浏览器窗口进行交互的对象
  • 由于BOM主要用于管理窗口与窗口之间的通讯，因此其核心对象是window
  • BOM由一系列相关的对象构成，并且每个对象都提供了很多方法与属性
  • BOM缺乏标准，JavaScript语法的标准化组织是ECMA，DOM的标准化组织是W3C
  • BOM最初是Netscape浏览器标准的一部分
  • BOM是Browser Object Model的简写，既浏览器对象模型。
  • BOM由一系列对象组成，是访问、控制、修改客户端(浏览器)的属性的方法。
  • BOM没有统一的标准(每种客户端都可以自定标准)。
  • BOM的顶层是window对象   

 

 

 

Methods：

BOM浏览器对象模型，js控制浏览器Brower Object Model

close()关闭当前浏览器

open(地址,"名称","width，height，left，top，toolbar，loaction。。")

confirm("提示信息")，确定和取消按钮☆☆☆☆☆

alter("提示信息"),只有确定按钮☆☆☆☆☆

history.go（-1）===history.back()☆☆☆☆☆

history.go(1)==history.forward()☆☆

loaction//地址栏

location.href当前浏览的地址

location.href="新地址"☆☆☆☆☆

location.reload();//重新加载，f5

DOM，文档对象模型Document Object Model

document.getElementById("ID")根据id获取一个元素

document.getElementsByTagName("根据标签")获取一组元素

document.getElementsByClassName("根据类名来或者一组元素")

document.getElementsByName("根据name属性来获取一组元素")

DOM属性和方法

parentNode获取父亲节点

children//所有子节点

firstElementChild第一个子节点

lastElementChild最后一个子节点

previousElementSibling 前一个大哥

nextElementSibling下一个小弟

getAttribute("名称")获取属性

setAttribute（“名称”,“值”）

节点.remove();//删除节点

document.createElement();

大节点.appendChild(小节点)//吧小节点放到大节点里面

元素.style.属性="值";//修改某个样式

元素.className="类名称";//修改类名称