前端JavaScript中dom和bom的区别

BOM：

BOM（Browser Object Model）是指浏览器对象模型，它使 JavaScript 有能力与浏览器进行“对话”。
BOM常用对象有：

一.window
它表示浏览器窗口

二 .window 子对象

1. location对象：
   window.location 对象用于获得当前页面的地址 (URL)，并把浏览器重定向到新的页面。
2. 弹出框：
   a. 警告框:alert('清水白石下寒沙');
   b. 确认框:confirm("最帅的人是我，你确定吗？");
   c. 提示框prompt("请在下方输入最帅的人是","你的答案")
3. 定时器：
   setTimeout()和setInterval()
   表示多少秒后执行：var t=setTimeout("JS语句",毫秒)
   重复执行某个"JS语句":var t=setInterval("JS语句",时间间隔)
   停止和结束定时器，分别用setInterval(t)和clearInterval(t)

DOM

DOM （Document Object Model）是指文档对象模型，通过它，可以访问HTML文档的所有元素。

HTML DOM 树

通过这个对象模型，JavaScript 获得创建动态 HTML 的所有力量：

1. JavaScript 能改变页面中的所有 HTML 元素
2. JavaScript 能改变页面中的所有 HTML 属性
3. JavaScript 能改变页面中的所有 CSS 样式
4. JavaScript 能删除已有的 HTML 元素和属性
5. JavaScript 能添加新的 HTML 元素和属性
6. JavaScript 能对页面中所有已有的 HTML 事件作出反应
7. JavaScript 能在页面中创建新的 HTML 事件