【JavaScript知识点九】 window对象
1. navigator导航器对象
- appCodeName 返回浏览器的代码名
- appName 返回浏览器的名称
- appVersion 返回浏览器的平台和版本信息
- cookieEnabled 返回指明浏览器中是否启用cookie的布尔值
- platform 返回运行浏览器的操作系统平台
- userAgent 返回由客户机发送服务器的user-agent头部的值
2.screen显示器对象
- availHeight 返回显示屏幕的可用高度
- availWidth 返回显示屏幕的可用宽度
- height 返回屏幕的像素高度
- width 返回屏幕的像素宽度
- colorDepth 返回屏幕颜色的位数
3.history历史对象
- back() 返回前一个URL
- forward() 返回下一个URL
- go() 返回某个具体页面
4.location位置对象
4-1 属性
- hash 设置或返回从井号 (#) 开始的 URL（锚）。
- host 设置或返回主机名和当前 URL 的端口号。
- hostname 设置或返回当前 URL 的主机名。
- href 设置或返回完整的 URL。
- pathname 设置或返回当前 URL 的路径部分。
- port 设置或返回当前 URL 的端口号。
- protocol 设置或返回当前 URL 的协议。
- search 设置或返回从问号 (?) 开始的 URL（查询部分）。
4-2 方法
- assign(URL) 加载新的文档
- reload() 重新加载当前页面
- replace(newURL) 用新的文档替换当前文档
5. document文档对象
5-1 集合
- all[] 提供对文档中所有 HTML 元素的访问。
- anchors[] 返回对文档中所有 Anchor 对象的引用。
- applets 返回对文档中所有 Applet 对象的引用。
- forms[] 返回对文档中所有 Form 对象引用。
- images[] 返回对文档中所有 Image 对象引用。
- links[] 返回对文档中所有 Area 和 Link 对象引用。
5-2 属性
-
body 提供对
<body>元素的直接访问。
对于定义了框架集的文档，该属性引用最外层的<frameset>。 -
cookie 设置或返回与当前文档有关的所有 cookie。
-
domain 返回当前文档的域名。
-
lastModified 返回文档被最后修改的日期和时间。
-
referrer 返回载入当前文档的文档的 URL。
-
title 返回当前文档的标题。
-
URL 返回当前文档的 URL。
5-3 方法
-
close() 关闭用 document.open() 方法打开的输出流，并显示选定的数据。
-
getElementById() 返回对拥有指定 id 的第一个对象的引用。
-
getElementsByClassName() 返回带有指定class名称的对象集合。
-
getElementsByName() 返回带有指定名称的对象集合。
-
getElementsByTagName() 返回带有指定标签名的对象集合。
-
open() 打开一个流，以收集来自任何 document.write() 或 document.writeln() 方法的输出。
-
write() 向文档写 HTML 表达式 或 JavaScript 代码。
-
writeln() 等同于 write() 方法，不同的是在每个表达式之后写一个换行符。
6. 窗口控制
6-1 moveBy
- 语法：moveBy（水平位移量，垂直位移量）
- 功能：按照给定像素参数移动指定窗口
6-2 moveTo
- 语法：moveTo(x,y)
- 功能：将窗口移动到指定的指定坐标(x,y)处
6-3 resizeBy
- 语法：resizeBy（水平，垂直）
- 功能：将当前窗口改变指定的大小(x,y)
- 当x、y的值大于0时为扩大
- 当x、用的值小于0时为缩小
6-4 resizeTo
- 语法：resizeTo（水平宽度，垂直宽度）
- 功能：将当前窗口改变成（x,y）大小，x、y分别为宽度和高度
6-5 scrollBy
- 语法：scrollBy（水平位移量，垂直位移量）
- 功能：将窗口中的内容按给定的位移量滚动
- 参数为正数时，正向滚动，否则反向滚动
6-6 scrollTo
- 语法：scrollTo(x,y)
- 功能：将窗口中的内容滚动到指定位置
7. 焦点控制
- foucus得到焦点
- blur 移出焦点
8. 打开关闭窗口
8-1 open
- 语法：open（"url","窗口名称","窗口风格"）
- 功能：打开一个新窗口，并在窗口中装载指定URL地址的网页
- 窗口风格：
height: 数值 窗口高度 不能小于100
width：数值 窗口宽度不能小于100
left 数值 窗口左坐标不能为负值
top 数值 窗口上坐标 不能为负值
location yes/no 是否显示地址栏
menubar yes/no 是否显示菜单栏
resizable yes/no 是否可以改变窗口大小
scrollbars yes/no 是否允许出现滚动条
status yes/no 是否显示状态栏
toolbar yes/no 是否显示工具栏
8-2 close()
- 语法：close()
- 功能：自动关闭浏览器窗口
9. 定时器
-
setTimeout
语法：setTimeout(执行代码,毫秒数)
功能：当到了指定的毫秒数后，自动执行功能代码 -
clearTimeout
语法：clearTimeout(定时器)
功能：取消由setTimeout()设置的定时器 -
setInterval
语法：setInterval(执行代码,毫秒数)
功能：指定周期重复执行功能代码 -
clearInterval
语法：clearInterval（时间间隔）
功能：取消由setInterval()设置的时间间隔器
10. 对话框
- alert 弹出一个警告框
- confirm 显示一个确认框，点击确定返回true，点击取消时返回false
- prompt
语法：prompt('提示字符串','缺省文本')
功能：显示一个输入框，在输入框内显示提示字符串
在输入文本框显示缺省文本，并等待用户输入，当用户点击“确定”按钮时，返回用户输入的字符串，当点击“取消”按钮式，返回null值
11. 属性
11-1 状态栏
- defaultStatus 改变浏览器状态栏的默认显示
- status 临时改变浏览器状态栏的显示
11-2 窗口位置
①IE
-
screenLeft 声明窗口的左上角的x坐标
-
screenTop 声明窗口的左上角的Y坐标
-
document.body.scrollLeft
-
document.documentElement.scrollLeft
声明当前文档向右滚动过的像素数 -
document.body.scrollTop
-
document.documentElement.scrollTop
声明当前文档向下滚动过的像素数
②!IE
- screenX 声明窗口的左上角的x坐标
- screenY 声明窗口的左上角的Y坐标
- pageXOffset 声明当前文档向右滚动过的像素数
- pageYOffset 声明当前文档向下滚动过的像素数
③FF
- innerHeight 返回窗口的文档显示区的高度
- innerWidth 返回窗口的文档显示区的宽度
- outerHeight 返回窗口的外部高度
- outerWidth 返回窗口的外度宽度
其它属性
- opener 可以实现同域名下跨窗体之间的通讯，一个窗体要包含另一个窗体的opener
- closed 当前窗口关闭时返回true
- name 设置或返回窗口的名称
- self 返回对当前窗口的引用