JavaScript里的BOM对象

136 阅读3分钟

BOM:Browser Object Model,浏览器对象模型,专门操作浏览器窗口的工具,使JavaScript有能力与浏览器“对话”。

window对象的属性

window对象表示浏览器窗口,所有浏览器都支持该对象,它是BOM的核心。 Window对象是JavaScript的顶级对象,具有多个子对象属性:

  • screen:包含有关用户屏幕信息的对象
  • navigator:包含有关访问者浏览器的信息的对象
  • history:包含浏览器历史信息的对象
  • location:用于获得当前页面的地址URL,并把浏览器重定向到新的页面
  • document:对Document对象的只读引用
    使用以上window子对象时,可不使用window前缀。
	window.document.getElementById(“header”);
	document.getElementById(“header”);
  • name:设置或返回窗口的名称
  • status:设置窗口状态栏的文本
  • innerwidth、innerheight:返回窗口的内部(文档显示区)宽度和高度
  • outerwidth、outerheight:返回窗口的外部宽度和高度
  • opener:返回对创建此窗口的窗口的引用
  • pageXOffset、pageYOffset:设置或返回当前页面相对于窗口显示区左上角的 X 位置;设置或返回当前页面相对于窗口显示区左上角的 Y 位置。
  • self:返回对当前窗口的引用
  • top:返回最顶层的父窗口
  • screenLeft、screenTop、screenX、screenY:只读整数。声明了窗口的左上角在屏幕上的的 x 坐标和 y 坐标。IE、Safari 和 Opera 支持 screenLeft 和 screenTop,而 Firefox 和 Safari 支持 screenX 和 screenY。
  • closed:返回窗口是否已被关闭

window对象常用方法

图片9.png 图片10.png window.open(URL,name,features,replace);

  • URL:可选字符串,指定要在新窗口显示的文档的URL
  • name:可选字符串,该字符串是一个由逗号分隔的特征列表,其中可包括数字、字母和下划线,用于声明新窗口的名称。相同name的窗口只能创建一个,要想创建多个窗口,则name不能相同,name属性值可已被<a>或者<form>的target属性引用。
  • features:可选字符串,声明了新窗口要显示的标准浏览器的特征,若省略,新窗口将具有所有标准特征。
  • replace:可选的布尔值,设置新窗口中的操作历史的保存方式。为true标识创建新历史记录,为false表示替换旧的历史记录。

设置时间

  • setTimeout(code,millisec):在指定的毫秒数后调用函数或计算表达式。
  • setInterval(code,millisec):按照指定的周期(以毫秒计)来调用函数或计算表达式。
  • clearTimeout():取消指定的setTimeout函数将要执行的代码
  • clearInterval():取消指定的setInterval函数将要执行的代码。

window全局作用域

  • JavaScript全局对象、函数以及变量均自动成为window对象的成员,全局变量是window对象的属性,全局函数是window对象的方法。
  • 用户自定义的函数名或变量名不能与BOM对象及其属性和方法的名称冲突。如果冲突,可能不会得到任何错误信息提示,但会得到意想不到的结果。