Window对象
js将一个浏览器窗口视为一个window对象,这样我们就可以用这个对象的属性和方法来操作这个窗口。
实际上,在使用浏览器时,每当我们打开一个页面时,浏览器都会自动为这个页面创建一个window对象。
window对象存放了这个页面的所有信息,为了更好地分类处理这些对象,window对象下面又分为很多对象,如图
对象属性
属性 | 描述 | 返回值 |
---|---|---|
closed | 窗口是否关闭 | bool |
name | 设置或返回窗口名称 |
对象方法汇总
方法 | 描述 |
---|---|
alert(“提示文字”) | 弹出提示对话框 ,无返回值 |
confirm(“提示文字”) | 弹出判断对话框,返回布尔值 |
prompt(“提示文字”) | 弹出输入对话框,返回输入字符串值 |
open() | 打开窗口 |
close() | 关闭窗口 |
setTimeout() | 开启定时器(一次性) |
clearTimeout() | 开启定时器(一次性) |
setInterval() | 开启定时器(重复性) |
clearInterval() | 关闭定时器(重复性) |
窗口打开
window.open(URL,name,specs,replace)
主要参数
- url
打开页面的url,未指定时打开一个空白界面 - name
可选值 | 描述 |
---|---|
_blank | 加载到一个新的窗口。这是默认 |
_parent | 加载到父框架 |
_self | 替换当前页面 |
_top | 替换任何可加载的框架集 |
name | 自定义窗口名称 |
- 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查找网页标签元素