Web前端学习：章四 -- JavaScript初级（四）-- BOM

138：Object数据格式简介

1、object对象

JS中独有 的一种数据格式
名字可以随便取，值一般就那几种数据格式

139：BOM - JS跳转页面

BOM

Browser Object Model：浏览器对象模型
使用JavaScript控制浏览器交互
控制浏览器里面的内容，而不是页面里面的内容
BOM没有官方标准，每个浏览器实线标准不一样，有兼容问题，部分常用的通用

Location

对象包含有关当前URL的信息

1、href

location.href
返回 或 设置url地址
不能新页面打开

140：BOM - JS刷新页面

1、

最简单的刷新

2、reload()

location.reload()
刷新页面

141：BOM - 访问浏览器的历史记录

1、History

对象包含用户 在浏览器窗口中 访问过的URL

（1）back

history.back()；返回上一个网页

（2）forward

history.forward()；返回下一个网页

（3）go

history.go（）；参数为数字
若参数为负数：history.go(-2)，= 执行两次back，返回上一个的上一个网页
若参数为正数：history.go(2)，= 执行两次forward，返回下一个的下一个网页

142：BOM - 常用探窗及使用

1、alert - 警告窗

2、confirm - 确认窗

confirm();
有两个选项，确定，取消

如果选择确定，返回true
如果选择取消，返回false

小循环
当点击取消会一直触发go()，直到点击确认

3、prompt - 弹出输入框

返回的是输入的值
如果点击取消，即未输入，返回null

如果不输入，点击确定，返回‘’，空的

有输入内容时，返回输入的值

判断

143：BOM - 浏览器用户信息

1、Navigator

对象包含有关浏览器的信息
返回浏览器信息，但兼容性很差

（1）userAgent

navigator.userAgent，返回浏览器用户信息，各个浏览器都有，可以看到是什么浏览器，以及版本等信息

144：BOM - screen对象

1、screen

对象包含了有关客户端显示屏幕的信息

比较常用的属性：
width：显示器的宽度
height：显示器的高度

availHeight：除了信息栏的高度
availWidth：除了信息栏的宽度

145：BOM - 浏览器距离屏幕的距离

1、screenX/Y

screenX = screenLeft：浏览器距屏幕左边的距离
screenY = screenTop：浏览器距屏幕上边的距离

146：BOM - 浏览器的内外大小

1、innerHeight / Width

代表窗口内部大小，只计算浏览器内容的宽高

2、outerHeight / Width

代表浏览器外部大小