JavaScript-BOM+DOM 知识讲解

BOM 是Browser Object Model的缩写，简称浏览器对象模型, 提供了独立于内容而与浏览器窗口进行交互的对象，用于访问浏览器的功能。

1.BOM是进行浏览器操作的

2.BOM里面是存在多个对象的

3.BOM实际进行操作浏览器是使用多个对象里面的属性以及相关方法

4.BOM没有规范，我们所讲的是BOM的共有对象

window对象是BOM的核心, window对象表示浏览器窗口的一个对象

window对象是BOM的顶层(核心)对象，所有对象都是通过它延伸出来的.

window对象的属性对象:

document(核心): 文档对象，让我们可以在js脚本中直接访问页面元素(DOM)

history(重要): 历史对象,包含窗口的浏览历史，可以实现后退

location(重要): 包含浏览器当前的地址信息，可以用来刷新本页面或跳转到新页面

frames: 框架对象，可以获取页面框架内容

screen: 包含有关客户端显示屏幕的信息

navigator: 导航对象, 包含所有有关访问者浏览器的信息

window的方法及属性 可以省略window. 比如：window.alert()===alert()

console.log(window);  //window表示的是浏览器窗口

常用的属性及方法

console.log(window.innerHeight);   //获取高度（浏览器窗口可视窗口的高度）

console.log(window.innerWidth);    //获取宽度（浏览器窗口可视窗口的宽度)

弹窗方法

window.alert('你好')  //提示窗  没有返回值  window.可以被省略
​
var isDel = window.confirm('你确定要删除吗？')  //弹窗交互  点击确认返回ture,点击取消返回false
console.log(siDel);
​
var inputStr = window.prompt('请输入你要输入的数字')   //弹出输入框  返回的是String
console.log(inputStr);
​
window.console.log('你好')   //window. 是可以被省略的
​
console.log('哈哈哈哈哈')

打开一个新的窗口

  window.open('http://www.baidu.com','百度','width=400,height=400,top=200,left=200