首页 > 代码库 > BOM

BOM

BOM(浏览器对象模型):
BOM提供的对象用于访问浏览器的功能,从而帮助实现与浏览器的交互。
BOM主要对象:
1.window对象:它表示浏览器的一个实例。同时它也是es中的global对象,所以所有在全局作用域中声明的属性和方法都会成为window对象的属性和方法。但是定义全局变量和直接再window对象上定义变量还是有所差别的。全局变量不能通过delete操作符删除。而直接定义再window对象上的变量可以通过delete删除。
window对象下的主要方法.
open方法。window.open方法有四个参数。1.要加载的url 2.窗口目标(如果传了这个参数,表示会在该名称的窗口或者框架中打开指定页面) 3.一个特性字符串(新窗口的显示特性比如fullscreen,height,width等) 4.一个boolean,表示是否在当前标签页打开新页面。
setTimeout方法: 该方法有两个参数。要执行的代码以及执行代码前需要等待的毫秒数。(不代表要执行的代码会在等待时间之后立即执行,而是说在等待时间到达后将这些代码加入到js任务队列中)该方法会返回一个id作为唯一标识符,可以通过这个标识符取消它。
eg var id = setTimeout (function (){alert("hello")}, 1000)
clearTimeout(id)
setInterval方法: 间歇调用与延时调用相似,取消方法为clearInterval。在平时的coding中要尽量使用延时调用来代替间歇调用,原因是后一个间歇调用可能会在前一个间歇调用结束之前启动。
2.location对象:window.location.href完成页面跳转。window.location.reload重载当前页面
window.location.hash 改变url中的hash
window.location.hostname 改变不带端口号的服务器名称
window.location.search 改变url的查询字符串
window.location.pathname 改变url中的目录
window.location.port 改变url中的访问端口

3.navigator对象 : 用于识别客户端浏览器的事件标准。暂时未使用过。。

4.screen对象: 暂时未使用过。。
screen.availWidth 窗口可以使用的屏幕的宽度。
screen.availHeight 窗口可以使用的屏幕的高度。
screen.width 屏幕的宽度

BOM