BOM预习

ECMAScript(核心）	描述JS的语法和基本对象
DOM(文档对象模型）	与浏览器交互的方法与接口
BOM（浏览器对象模型）	处理网页内容的方法和接口

BOM对浏览器本身进行作用  DOM对浏览器内容进行操作

​
归DOM管的：

一个文件夹，里面有index.html，CSS和JS什么的，部署在服务器上，我们可以通过浏览器的地址栏输入URL然后回车将这个document加载到本地，浏览，右键查看源代码等。

​

windows相关属性及方法

方法

控制台打印方法

window.console 浏览器的控制台
window.console.log  log表示日志
console.error  错误打印
console.info   信息打印
console.warn   警告
console.debug  调试

弹窗相关方法

alert 提示框
prompt 输入框
confirm 交互框

打开/关闭窗口

window.open

window.close

改变窗口大小

window.moveTo(200,200)

window.moveBy(100,100)

改变滚动栏位置

window.scrollTo(500,500)

window.scrollBy(100,100)

打印方法

window.print()

查找方法

window.find()

窗口聚焦和失焦

window.blur()

window.focus()

属性

获取窗口parent

window.parent

获取高度

console.log(window.innerHeight)
console.log(window.innerWidth)

Document文档对象

Document对象属于BOM的组成部分，它里面的一些操作和对应属性属于DOM操作

而Document对应的也是HTml文档

Location地址栏对象（*）

hash 获取#后面的值 *

search 获取？后面的值 *

port 端口号

protocol 协议

host 主机

hostname 主机名

pathname 路径地址

href 对应的url地址 *

origin 对应的跨域地址

方法

location.reload(false）
reload重新加载

assign指定对应 的地址进行跳转
有历史记录
location.assign(")

replace 替换当前地址进行跳转
location.replace ()

history历史对象（*）
他里面包含了对应的历史页面，他是对于历史页面进行相关操作（--页面替换，页面的跳转）

属性

length属性（历史页面个数）

state属性 （状态 存储对应的值） *

scrollRestotrtion （滚动栏回复行为auto 、 manual）

方法

forward 前进
history.forward() 
back 后退
history.back()
go 去任意历史页面（当前页面为0 大于0前进 小于0后退）
history.go(-1)
pushState
改变当前的url地址（并不会进行跳转 不会刷新操作）state的值（可以是任意类型的数据）名字 （建议空值）url地址