已被阅读 1203 次 | 文章分类: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号