BOM 浏览器对象模型
1、Borwser Object Model
2、 用来描述浏览器相关信息的几个对象
3、其中代表浏览器窗口的window对象是BOM的顶层对象,其他对象都是该对象的子对象。
BOM
1、Window 整个窗口(顶层)
2、Location url信息
3、History 历史记录
4、Screen 屏幕相关
5、Navigator 浏览器版本及客户机信息
Window 概述
1、window是客户端JavaScript的全局对象
2、它表示web浏览器的一个窗口或窗体,并且用标识符window来引用
是所有客户端javascript特性和API的主要接入点
Window包含 location history screen navigator document
1. window
1、 innerHeight 返回窗口的文档显示区高度 IE9以下不兼容
2、innerWidth 返回窗口的文档显示区宽度 IE9以下不兼容
解决方法
document.write('视口的宽 : '+document.documentElement.offsetWidth+"
");
document.write('视口的高 : '+document.documentElement.clientHeight+"
");
3、outerWidth 返回窗口外部宽度 IE9以下不兼容
4、outerHeigh 返回窗口外部高度 IE9以下不兼容
解决方法 --暂无
5.弹窗 alert() 无返回值 confirm() 有返回值 prompt() 有返回值
6.setInterval() clearInterval()
7.setTimeout() clearTimeout()
8.print() window.print();
9.scrollTo(x,y) 将内容滚动到指定坐标
10.scrollBy() 按照指定像素滚动 ---回到顶部
11.moveTo(x,y) window.moveTo()仅IE
12.moveBy() window.moveBy()仅IE
13.resizeTo() 将窗口大小调整到指定的宽度和高度 仅IE
14.resizeBy() 按照指定像素调整窗口大小 仅IE
2. location
表示该窗口中当前显示的文档的URL 并定义了方法来使窗口载入新的文档
属性
1、href 设置或返回当前的URL协议
2、protocol 设置或返回当前URL的协议
3、host 设置或返回主机名和当前URL的端口号
4、hostname 设置或返回当前URL的主机名
5、port 设置或返回当前URL的端口号
6、pathname 设置或返回当前URL的路径部分
7、hash 设置或返回从#开始的锚
8、search 设置或返回从?开始的URL查询部分
document.write(location+'
');
document.write('href : '+location.href+'
');
document.write('protocol(协议) : '+location.protocol+'
');
document.write('host(主机名和端口号) : '+location.host+'
');
document.write('hostname(主机名) : '+location.hostname+'
');
document.write('port(端口号) : '+location.port+'
');
--虚拟端口
--物理端口
document.write('pathname(路径信息) : '+location.pathname+'
');
document.write('search(查询信息) : '+location.search+'
');
document.write('hash(锚点) : '+location.hash+'
');
方法
1、reload(); --重新加载当前文档 location.reload();
2、assign(); --加载新的文档 location.assign(“http://www.baidu.com”);
3、replace(); --替换当前文档 location.replace(“http://www.baidu.com”);
--自定义一个超链接
--定时刷新
三、navigator
该对象描述了浏览器厂商和版本信息 (浏览器相关信息)
1、Navigator 是为了纪念NetSpace公司的Navigator 浏览器
2、appName 返回浏览器的名称 --只读
3、cookieEnabled 返回一个布尔值。true (cookie)可用。false 被禁用。
4、appVersion 返回浏览器的平台和版本信息
5、userAgent 返回由客户机发送服务器user-agent头部的值
6、platform 返回运行浏览器的操作系统平台
7、onLine 是否在线
四、history
1、back() 加载history列表中的前一个URL.
2、forward() 加载history列表中下一个URL
3、go() 加载history列表中的某个具体页面 (有参数)
五、screen
概述:提供有关窗口显示大小和可用颜色数量的信息
1、width 返回显示器屏幕的宽度
2、height 返回显示器屏幕的高度
3、availWidth 返回显示屏幕宽度(除windows任务栏之外)
4、availHeight 返回显示屏幕高度(出windows任务栏之外)
5、colorDepth 返回目标设备或缓冲器上的调色板的比特深度