bom

BOM概述 什么是BOM BOM(Browser Object Model)即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是window。 BOM由一系列相关的对象构成，并且每个对象都提供了很多方法和属性。 BOM缺乏标准，JavaScript 语法的标准化组织是ECMA，DOM的标准化组织是W3C，BOM最初是Netscape浏览器标准的一部分。 DOM与BOM的对比 DOM BOM 文档对象模型 浏览器对象模型 DOM就是把 文档 当做一个 对象 来看待 把 浏览器 当做一个 对象 来看待 DOM的顶级对象是document BOM的顶级对象是window DOM主要学习的是操作页面元素 BOM学习的是浏览器窗口交互的一些对象 DOM是W3C标准规范 BOM是浏览器厂商在各自浏览器上定义的，兼容性较差 BOM的构成 BOM比DOM更大，它包含DOM window document location navigation screen history window对象是浏览器的顶级对象，它具有双重角色 它是JS访问浏览器窗口的一个接口 它是一个全局对象，定义在全局作用域中的变量，函数都会变成window对象的属性和方法。在调用的时候可以省略 window，前面学习的对话框都属于 window对象方法，如alert()、prompt()等。 注意

总结下面试题 BOM和DOM这个东西是很基础的东西，Java Script的三个主要组成部分是：ECMAScript(核心)，DOM（文档对象模型），BOM（浏览器对象模型）。所以这个也是我们必须掌握的一些东西。最近vue用多了，所以回顾下。 什么是BOM Browser Object Model 浏览器对象模型，js里面，把我们的浏览器看成是一个对象，而这个对象 叫 window ；顶级对象。就是提供一些操作浏览器的一些方法和接口。可以弹出新的浏览器窗口，关闭浏览器窗口，调整窗口大小，页面前进后退，弹出框这些。 window里面包含的对象： document 文档对象模型 location 专门用来处理url相关的 screen 专门用来处理屏幕相关 history处理历史记录的 navigator userAgent 判断当前请求平台是哪一个 window里面也包含了一些方法，下面介绍下我们经常用到的一些方法。开发的时候多多少少肯定会用到的一些东西。 window 事件加载 window . onload = function ( ) { } //当页面加载完毕之后才会去触发 window . onsize = function ( ) { } //当窗口改变大小的时候触发 window 定时器 setInterval 无限循环，类似于闹钟 语法： /

YI.DOM 1.创建DOM 2.删除DOM 3.文档碎片 文档碎片可以提高DOM操作性能（理论上） 文档碎片(类似于一个口袋，先将多个元素放在口袋里，放完之后，再将口袋放到最终要插入的元素中): document.createDocumentFragment() 4.DOM:document object model 基础 js的组成之一：ECMAScript DOM DOM -childNodes:获取子节点 -兼容性问题：在火狐浏览器下，文本节点和元素节点都会被统计，解决方法：nodeType nodetype中,1代表元素节点；3代表文本节点。 -children:取子节点，但是与childNode比具有兼容性，不会将空文本节点计算进子节点中 -parentNode:父节点 -offsetParent：获取当前元素定位父级（通过这个方法获取元素的绝对坐标） 5.DOM节点 -firstchild与firstElementChild:第一个子节点（前者在IE上可以用;后者在火狐上可以用。） - previousSibling(IE适用)与previousElementSibling(FF适用):上一个兄弟节点 -nextSibling(IE适用)与nextElementSibling(FF适用)：下一个兄弟节点 6.DOM操纵元素属性 元素.属性=元素['属性'] 7.

一. 问题解决办法 在昨天，帮助同学把他的Android项目从eclipse迁移到Android Studio上面的时候，编译时，Android Studio报了一个错误， ***.java Error:(1, 1) 错误: 非法字符: '\ufeff' Error:(1, 10) 错误: 需要class, interface或enum 经过查看，该文件采用的编码方式为UTF-8带BOM的格式，随后，使用NotePad++打开该文件，并将文件格式改为以UTF-8无BOM格式编码（如图1：选择格式第二项）并保存之后问题得以解决。 图1 二. UTF-8与UTF-8无BOM BOM ：Byte Order Mark. BOM是用来标记编码的大小端的，对UTF-8编码并没有用处。但是因为在Windows中是使用BOM来标记的文件的编码方式的，所以文件在Windows中使用记事本编辑过并保存为了UTF-8之后，文件格式就会变成UTF-8有BOM的编码格式，即在文件的开头有这样的三个字节：EF、BB、BF。在应用中，大多数时候并不支持这种格式，就比如这次遇到的问题，我们就要将文件重新编辑保存为UTF-8无BOM格式。 来源： https://www.cnblogs.com/newcaoguo/p/6254005.html

BOM window对象: 　　 在javascript中所有变量都是window对象的属性，所有函数都是window对象的方法,这里一般都省略window. 　　 BOM（Browser Object Model）是指浏览器对象模型，它使 JavaScript 有能力与浏览器进行“对话”。 location对象： 　　window.location 对象用于获得当前页面的地址 (URL)，并把浏览器重定向到新的页面。 window.location.href //用于获取当前页面的地址 window可以省略window.location.href=" " //用于跳转到指定页面window.location.unload() // 重新加载 弹出框 可以在 JavaScript 中创建三种消息框：警告框、确认框、提示框。 警告框(alert):　 　　警告框经常用于确保用户可以得到某些信息。 　　当警告框出现后，用户需要点击确定按钮才能继续进行操作。 alert("图片正在加载") 确认框 (confirm): 　　确认框用于使用户可以验证或者接受某些信息。 　　当确认框出现后，用户需要点击确定或者取消按钮才能继续进行操作。 　　如果用户点击确认，那么返回值为 true。如果用户点击取消，那么返回值为 false。 confirm("是否允许继续加载") 提示框(prompt):

BOM(浏览器对象模型) 浏览器 chrome（谷歌浏览器）–>和苹果浏览器内核相同 IE浏览器 FireFox（火狐） opera（欧朋） BOM核心内容 window对象 document对象 DOM编程 location对象 history对象 frames对象 navigator对象 screen对象 for（in） ：用于遍历对象 window常用方法 alert()：带有一个确定按钮的警告框 confirm()：带有确定和取消按钮的警告框 prompt()：带有输入框的弹窗 print()：打印机 open(“https://www.baidu.com”,"_blank",“width=500,height=500,top=100,left=200,toolbar=yes”) 打开窗口 close() ：关闭页面 window.screenLeft：窗口距离屏幕左边的距离 window.screenTop：窗口距离屏幕上边的距离 window.innerWidth：窗口的宽度 window.innerHeight：窗口的高度 window.outerWidth：窗口的宽度+边框 window.outerHeight：窗口的高度+边框 setInterval()：定时器 clearInterval() setTimeout() clearTimeout()

JS语言是BS开发中负责页面动态效果的一种脚本语言，既然如此，自然少不了有关浏览器页面的知识，BOM：浏览器对象模型，涉及到有关JS中操作浏览器页面的一些基本知识。在这里最核心的对象就是window。它包括六大属性，当中这些属性本身也是对象。 通过图中。能够看出来，在window中我们最经常使用的就是window中的document对象即DOM（后面单独总结）。这里仅简单的总结一下有关window对象中的相关方法和使用。 一、系统对话框 此方法主要用于与用户交互。起到一个提示用户的作用。在BOM弹出窗体中。主要涉及到三个： alert():相当于vb中的msgbox()的最简单形式，被经经常使用于JS中进行測试。 prompt():输入提示框，类似于inputbox confirm():确定和取消，msgbox也能够实现此功能 二、位置和大小 主要指获取窗体的一个大小和位置。此处须要与DOM中的元素的位置和大小进行区分。 1、大小 ：用来获取浏览器窗体大小 非IE： innerWidth/Height:不包含菜单条，工具栏和边框的大小。仅仅是页面显示部分的大小。 outerWidth/Height：整个窗体的当前的尺寸，包含菜单条、工具栏和边框。 IE：可利用clientWidth/Height来获取元素的实际大小。这里和DOM中获取元素的大小有非常多关联的地方，后面总结。 2

BOM browser object model，简称BOM， 是浏览器对象模型 1.bom提供了与浏览器窗口交互的对象 2.由于bom主要用于管理窗口与窗口之间的通信，因此他的主要研究对象是window 3.ECMAScript没有规范bom的标准，因此所有的特性都是浏览器自己的特性，bom对象的方法浏览器都支持，只是略有不同 bom的子对象 1. document 文档对象 2. localtion 网址对象包含了网页的信息 3. navigator 浏览器的信息 4. history 浏览器的历史记录 5. frame 框架对现象 6. screen 浏览器的屏幕对象 * */ console . log ( self ) ; window 对象关系属性 1.self 指向的是window对象，可以理解为window 2.window 指向的是window对象 3.top 如果当前窗口为框架的子页面，top为指向该页面的父窗口的window对象 4.oarebt 如果当前为farmer、指向包含该frame的父窗口 5.opener 如果当前窗口为js动态打开的，执行打开该窗口的父窗口 window 对象的常用方法 1.window.open(url,name,specs,replace); 返回值是新创建的窗口 特点： 1.谷歌和火狐直接调用该方法会被拦截 2

1 BOM的概念 BOM(Browser Object Model) 是指浏览器对象模型，浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成，其中代表浏览器窗口的Window对象是BOM的顶层对象，其他对象都是该对象的子对象。 我们在浏览器中的一些操作都可以使用BOM的方式进行编程处理， 比如：刷新浏览器、后退、前进、在浏览器中输入URL等 2 BOM的顶级对象window window是浏览器的顶级对象，当调用window下的属性和方法时，可以省略window 注意：window下一个特殊的属性 window.name 3 对话框 alert() prompt() confirm() 4 页面加载事件 onload window.onload = function () { // 当页面加载完成执行 // 当页面完全加载所有内容（包括图像、脚本文件、CSS 文件等）执行 } onunload window.onunload = function () { // 当用户退出页面时执行 } 5 定时器 5.1 setTimeout()和clearTimeout() 在指定的毫秒数到达之后执行指定的函数，只执行一次 // 创建一个定时器，1000毫秒后执行，返回定时器的标示 var timerId = setTimeout(function ()

JavaScript的DOM和BOM 回顾 1、JavaScript概述:是一种嵌在网页中的脚本语言。包括三部分:ECMAScript、DOM、BOM 2、变量使用： 先声明，再赋值 var num; num=10; 声明同时赋值。 var name="xxxx"; 2、JavaScript数据类型 原始类型: undefined、number、null、boolean、string 对象类型: function Person(){} Object Array 3、JavaScript运算符 双目 + - * / % += -= ... 逻辑 && || ! 关系 > < >= <= == === ?: + 字符串连接 4、JavaScript条件语句 if（条件） switch 5、JavaScript循环语句 for while do...while 增强for for in 5、JavaScript函数 定义函数 function add(); add(); return 匿名函数 var show=function(){} (function(){})(); 闭包: 可以读取另一个函数的局部变量的函数。 使用：函数作为返回值 function A(){ var i=100; function B(){ i++; document.write(i); } return B;