bom

目录 前端之BOM和DOM 前戏 BOM window对象 window的子对象 navigator对象（了解即可） screen对象（了解即可） history对象（了解即可） location对象 弹出框 计时相关 DOM HTML DOM 树 查找标签 直接查找 间接查找 节点操作 创建节点 添加节点 删除节点： 替换节点： 属性节点 attribute操作 属性的增删改 获取值操作 class的操作 指定CSS操作 事件 常用事件 绑定方式： 定时器 搜索框示例 select联动 window.onload 前端之BOM和DOM 前戏 到目前为止，我们已经学过了JavaScript的一些简单的语法。但是这些简单的语法，并没有和浏览器有任何交互。 也就是我们还不能制作一些我们经常看到的网页的一些交互，我们需要继续学习BOM和DOM相关知识。 JavaScript分为 ECMAScript，DOM，BOM。 BOM（Browser Object Model）是指浏览器对象模型，它使 JavaScript 有能力与浏览器进行“对话”。 DOM （Document Object Model）是指文档对象模型，通过它，可以访问HTML文档的所有元素。 Window对象是客户端JavaScript最高层对象之一，由于window对象是其它大部分对象的共同祖先

1.DOM 和 BOM 的区别 　DOM：文档对象模型，把【文档】当做一个【对象】来看待，DOM的顶级对象是document 　主要学习的是操作页面元素，DOM 是 W3C 的标准规范 　BOM：浏览器对象模型，把【浏览器】当做一个【对象】来看待，BOM的顶级对象是window 　主要学习的是浏览器窗口交互的一些对象，BOM是浏览器厂商在各自浏览器上定义的，兼容性比较差 2.BOM 的构成 　BOM 比 DOM 更大 它包含 DOM 　window（document，location，navigation，screen，history） 3.window 对象是浏览器的顶级对象，它具有双重角色 　①它是 JS 访问浏览器窗口的一个接口 　②它是一个全局对象，定义在全局作用域中的变量，函数都会变成 window 对象的属性和方法 　在调用的时候可以省略 window ，前面学习的对话框都属于 window 对象方法 如 alert()、prompt()等 　注意：window 下的一个特殊属性 window.name 来源： https://www.cnblogs.com/qtbb/p/11688797.html

前端之BOM和DOM BOM （Browser Object Model）是指浏览器对象模型，它使JavaScript有能力与浏览器进行“对话” DOM（Document Object Model)）是指文档对象模型，通过它，可以访问HTML文档的所有元素 Window 对象是客户端 JavaScript 最高层对象之一，由于Windon对象是其它大部分对象的共同祖先，在调用 Window 对象的方法和属性时，可以省略 Window 对象的引用。例如：window.documenet.write() 可以简写成：document.write() 所有浏览器都支持 window 对象。它表示浏览器窗口 window.innerHeight 浏览器窗口的内部高度 642 window innerWidth 错误案例 VM218:1 Uncaught SyntaxError: Unexpected identifier window.innerWidth 浏览器窗口的内部宽度 770 window.open() 打开一个新窗口 Window {postMessage: ƒ, blur: ƒ, focus: ƒ, close: ƒ, parent: Window, …} window.close() 关闭当前窗口 window的子对象 navigator 对象（了解即可）

前戏 到目前为止，我们已经学过了JavaScript的一些简单的语法。但是这些简单的语法，并没有和浏览器有任何交互。 也就是我们还不能制作一些我们经常看到的网页的一些交互，我们需要继续学习BOM和DOM相关知识。 JavaScript分为 ECMAScript，DOM，BOM。 BOM（Browser Object Model）是指浏览器对象模型，它使 JavaScript 有能力与浏览器进行“对话”。 DOM （Document Object Model）是指文档对象模型，通过它，可以访问HTML文档的所有元素。 Window对象是客户端JavaScript最高层对象之一，由于window对象是其它大部分对象的共同祖先，在调用window对象的方法和属性时，可以省略window对象的引用。例如：window.document.write()可以简写成：document.write()。 window对象 所有浏览器都支持 window 对象。它表示浏览器窗口。 **如果文档包含框架（frame 或 iframe 标签），浏览器会为 HTML 文档创建一个 window 对象，并为每个框架创建一个额外的 window 对象。* **没有应用于 window 对象的公开标准，不过所有浏览器都支持该对象。* 所有 JavaScript 全局对象、函数以及变量均自动成为 window

目录 第四章、前端之BOM和DOM 一、解释BOM和DOM 二、window对象 三、window子对象 四、弹出框 五、计时相关 六、HTML的DOM树 七、查找元素 八、节点操作 九、JS操作CSS属性的规律 十、事件 十、案例 第四章、前端之BOM和DOM 一、解释BOM和DOM BOM（Browser Object Model）是指浏览器对象模型，它使 JavaScript 有能力与浏览器进行“对话”。 DOM （Document Object Model）是指文档对象模型，通过它，可以访问HTML文档的所有元素。 二、window对象 window.innerHeight - 浏览器窗口的内部高度 window.innerWidth - 浏览器窗口的内部宽度 window.open() - 打开新窗口 window.close() - 关闭当前窗口 三、window子对象 navigator对象 sreen对象 history对象 location对象 四、弹出框 警告框：alert() 确认框: confirm() 返回true和false 提示框 ：prompt() 返回输入的值 五、计时相关 setTimeout("js代码",毫秒) 返回某个值 过了一段时间执行 clearTimesetT(setTimeout返回的值) setInterval("js代码",毫秒

前端基础之BOM和DOM 前戏 到目前为止，我们已经学过了JavaScript的一些简单的语法。但是这些简单的语法，并没有和浏览器有任何交互。 也就是我们还不能制作一些我们经常看到的网页的一些交互，我们需要继续学习BOM和DOM相关知识。 JavaScript分为 ECMAScript，DOM，BOM。 BOM（Browser Object Model）是指浏览器对象模型，它使 JavaScript 有能力与浏览器进行“对话”。 DOM （Document Object Model）是指文档对象模型，通过它，可以访问HTML文档的所有元素。 Window对象是客户端JavaScript最高层对象之一，由于window对象是其它大部分对象的共同祖先，在调用window对象的方法和属性时，可以省略window对象的引用。例如：window.document.write()可以简写成：document.write()。 window对象 所有浏览器都支持 window 对象。它表示浏览器窗口。 *如果文档包含框架（frame 或 iframe 标签），浏览器会为 HTML 文档创建一个 window 对象，并为每个框架创建一个额外的 window 对象。 *没有应用于 window 对象的公开标准，不过所有浏览器都支持该对象。 所有 JavaScript 全局对象、函数以及变量均自动成为

前戏 到目前为止，我们已经学过了JavaScript的一些简单的语法。但是这些简单的语法，并没有和浏览器有任何交互。 也就是我们还不能制作一些我们经常看到的网页的一些交互，我们需要继续学习BOM和DOM相关知识。 JavaScript分为 ECMAScript，DOM，BOM。 BOM（Browser Object Model）是指浏览器对象模型，它使 JavaScript 有能力与浏览器进行“对话”。 DOM （Document Object Model）是指文档对象模型，通过它，可以访问HTML文档的所有元素。 Window对象是客户端JavaScript最高层对象之一，由于window对象是其它大部分对象的共同祖先，在调用window对象的方法和属性时，可以省略window对象的引用。例如：window.document.write()可以简写成：document.write()。 window对象 所有浏览器都支持 window 对象。它表示浏览器窗口。 **如果文档包含框架（frame 或 iframe 标签），浏览器会为 HTML 文档创建一个 window 对象，并为每个框架创建一个额外的 window 对象。* **没有应用于 window 对象的公开标准，不过所有浏览器都支持该对象。* 所有 JavaScript 全局对象、函数以及变量均自动成为 window

前端之BOM与DOM BOM（Browser Object Model）: 指的是浏览器对象模型，它使 JavaScript有能力与浏览器进行“对话” DOM（Document Object Model）: 指的是文档对象模型，通过它，可以访问HTML文件的所有元素 1.基础 ## navigator对象 navigator.appName　　// Web浏览器全称 navigator.appVersion　　// Web浏览器厂商和版本的详细字符串 navigator.userAgent　　// 客户端绝大部分信息(比较重要) navigator.platform　　　// 浏览器运行所在的操作系统 ## history对象 history.forward() //前进一页 history.back() //后退一页 ## location对象（用于获得当前页面的地址（URL），并把浏览器重定向到新的页面） location.href 获取URL location.href="URL" // 跳转到指定页面（比较重要） location.reload() 重新加载页面 ## 弹出框（警告框、确认框和提示框） ##警告框 警告框经常用于确保用户可以得到某些信息。 当警告框出现后，用户需要点击确定按钮才能继续进行操作。 alert("你看到了吗？"); ##确认框（了解即可）

目录 前端之BOM和DOM 1. 简介 2. windows对象 2.1 特点 3. windows的子对象 3.1 navigator对象（了解） 3.2 screen对象（了解） 3.3 location对象 3.4 弹出框 3.4.1 警告框 3.4.2 确认框（了解） 3.4.3 提示框（了解即可） 3.5 计时 3.5.1 setTimeout() 3.5.2 clearTimeout() 3.5.3 setInterval() 3.5.4 clearInterval() 4. DOM 4.1 HTML DOM 树 4.2 查找标签 4.2.1 直接查找 4.2.2 间接查找 4.3 节点操作 4.3.1 创建节点 4.3.2 添加节点 4.3.3 删除节点 4.3.4 替换节点 4.3.5 属性节点 4.3.6 获取值操作 4.3.7 class的操作 4.3.8 指定CSS操作 4.4 事件 4.4.1 常用事件 4.4.2 绑定方式 4.5 window.onload 前端之BOM和DOM 1. 简介 到目前为止，我们已经学过了JavaScript的一些简单的语法。但是这些简单的语法，并没有和浏览器有任何交互。也就是我们还不能制作一些我们经常看到的网页的一些交互，我们需要继续学习BOM和DOM相关知识。 JavaScript分为 ECMAScript，DOM，BOM

前端(4)BOM与DOM I/O前戏 到目前为止，我们已经学过了JavaScript的一些简单的语法。但是这些简单的语法，并没有和浏览器有任何交互。 也就是我们还不能制作一些我们经常看到的网页的一些交互，我们需要继续学习BOM和DOM相关知识。 JavaScript分为 ECMAScript，DOM，BOM。 BOM（Browser Object Model）是指浏览器对象模型，它使 JavaScript 有能力与浏览器进行“对话”。 DOM （Document Object Model）是指文档对象模型，通过它，可以访问HTML文档的所有元素。 Window对象是客户端JavaScript最高层对象之一，由于window对象是其它大部分对象的共同祖先，在调用window对象的方法和属性时，可以省略window对象的引用。例如：window.document.write()可以简写成：document.write()。 1|1window对象： 所有浏览器都支持 window 对象。它表示浏览器窗口。 *如果文档包含框架（frame 或 iframe 标签），浏览器会为 HTML 文档创建一个 window 对象，并为每个框架创建一个额外的 window 对象。 *没有应用于 window 对象的公开标准，不过所有浏览器都支持该对象。 所有 JavaScript 全局对象