对BOM(浏览器对象模型)的认识

已被阅读 845 次 | 文章分类:javascript | 2018-04-16 14:26

浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成,其中代表浏览器窗口的Window对象是BOM的顶层对象,其他对象都是该对象的子对象,该文了解BOM的基本对象类型

一:顶层对象Window 它表示浏览器打开的窗口

所有浏览器都支持 window 对象 所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。 全局变量是 window 对象的属性。 全局函数是 window 对象的方法。

获取window窗口尺寸的三种方法:

                                            
var w=window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth;
var h=window.innerHeight||document.documentElement.clientHeight||document.body.clientHeight;
//上面三种方法可以涵盖所有浏览器
                            
                                            
                                        

二:Navigator 对象包含有关浏览器的信息。

Navigator对象的基本属性

                                            
appCodeName	返回浏览器的代码名;
appName	返回浏览器的名称;
appVersion	返回浏览器的平台和版本信息;
cookieEnabled	返回指明浏览器中是否启用 cookie 的布尔值;
platform	返回运行浏览器的操作系统平台;
userAgent	返回由客户机发送服务器的user-agent 头部的值;
                                            
                                        

三:Screen 对象包含有关客户端显示屏幕的信息。

                                            
Screen对象的基本属性
availHeight	返回屏幕的高度(不包括Windows任务栏);
availWidth	返回屏幕的宽度(不包括Windows任务栏);
colorDepth	返回目标设备或缓冲器上的调色板的比特深度;
height	返回屏幕的总高度;
pixelDepth	返回屏幕的颜色分辨率(每象素的位数);
width	返回屏幕的总宽度;
                                            
                                        

四:History 对象包含用户(在浏览器窗口中)访问过的 URL。

                                            
History 对象的基础方法;
back()	加载 history 列表中的前一个 URL;
forward()	加载 history 列表中的下一个 URL;
go()	加载 history 列表中的某个具体页面;
                                            
                                        

五:Location 对象包含用户(在浏览器窗口中)访问过的 URL。

                                            
Location 对象的基础属性
hash	返回一个URL的锚部分;
host	返回一个URL的主机名和端口;
hostname	返回URL的主机名;
href	返回完整的URL;
pathname	返回的URL路径名。;
port	返回一个URL服务器使用的端口号;
protocol	返回一个URL协议
search	返回一个URL的查询部分;
                                            
                                        

QQ:3410192267 | 技术支持 微信:popstarqqsmall

Copyright ©2017 xiaobaigis.com . 版权所有 鲁ICP备17027716号