Window 对象

Window对象

js将一个浏览器窗口视为一个window对象，这样我们就可以用这个对象的属性和方法来操作这个窗口。

实际上，在使用浏览器时，每当我们打开一个页面时，浏览器都会自动为这个页面创建一个window对象。

window对象存放了这个页面的所有信息，为了更好地分类处理这些对象，window对象下面又分为很多对象，如图

对象属性

属性	描述	返回值
closed	窗口是否关闭	bool
name	设置或返回窗口名称

对象方法汇总

方法	描述
alert(“提示文字”)	弹出提示对话框 ，无返回值
confirm(“提示文字”)	弹出判断对话框，返回布尔值
prompt(“提示文字”)	弹出输入对话框，返回输入字符串值
open()	打开窗口
close()	关闭窗口
setTimeout()	开启定时器（一次性）
clearTimeout()	开启定时器（一次性）
setInterval()	开启定时器（重复性）
clearInterval()	关闭定时器（重复性）

窗口打开

window.open(URL,name,specs,replace)

主要参数

1. url
   打开页面的url，未指定时打开一个空白界面
2. name

可选值	描述
_blank	加载到一个新的窗口。这是默认
_parent	加载到父框架
_self	替换当前页面
_top	替换任何可加载的框架集
name	自定义窗口名称

3. spec

该参数包含很多选项，包括以下方面

参数	描述
height=pixels	窗口的高度。最小值为100
width=pixels	窗口的宽度。最小值为100

页面弹窗

方法		参数介绍
alert(“text”)	弹出一个带有text的警告框
prompt(msg,defaultText)	弹出一个输入框	msg：提示信息 defaultText：默认文本

滚动条控制

		参数介绍
scrollTo(xpos,ypos)	把内容滚动到指定的坐标。	xpos,ypos：分别表示文档显示窗口左上角的xy坐标
scrollBy(xnum,ynum)	按照指定的像素值来滚动内容。	xnum,ynum分别表示向右向下滚动的像素值

定时器

使用格式

setTimeout(code,time);

//调用方式
setTimeout(function(){...},2000);
setTimeout(functionName,2000);
setTimeout("functionName()",2000);

参数	取值
code	一段代码、函数名、函数
time	延迟时间（单位毫秒）

setInterval(code,time);

//调用方式
setInterval(function(){...},2000);
setInterval(functionName,2000);
setInterval("functionName()",2000);

子对象

子对象描述

子对象	名称	描述
document	文档对象	操作页面元素
location	地址对象	操作URL地址
navigator	浏览器对象	获取浏览器版本信息
history	历史对象	操作浏览历史
screen	屏幕对象	操作屏幕宽度高度

什么是BOM?
window对象及下面这些location等子对象，由于都是用于操作浏览器窗口的，所以我们也会将其称之为“BOM”（Browser Object Module：浏览器对象模型）。

Navigator 对象

该对象包含有关浏览器的信息

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

Screen对象

包含有关客户端显示屏幕的信息

主要属性	返回值描述
availHeight	屏幕的高度（不包括Windows任务栏）
availWidth	屏幕的宽度（不包括Windows任务栏）
height	屏幕的总高度
width	屏幕的总宽度
pixelDepth	屏幕的颜色分辨率（单位：像素）

History对象

包含用户（在浏览器窗口中）访问过的 网址记录。
对象属性

属性名	描述
length	返回历史列表中的网址数

对象方法

方法	参数介绍	相当于
back()	加载 history 列表中的前一个 URL	go(-1)
forward()	加载 history 列表中的下一个 URL	go(1)
go(num)	加载 history 列表中的某个具体页面

Location对象

包含有关当前 URL 的信息。

主要属性	返回值描述
host	URL的主机名和端口
hostname	URL的主机名
href	完整的URL（当前页面地址）
pathname	URL路径名。
port	URL服务器使用的端口号
search	当前页面地址"?"后面的内容
hash	当前页面地址"#"后面的内容

注意：在js中，如果要使用window对象的方法或者操作window子对象，都可以直接忽略window前缀。如alert()：弹出提示对话框，document.getElementById()：通过id查找网页标签元素