对象在编写时可不使用window这个前缀
| 方法 | 介绍 |
|---|
| setInterval() | 间隔指定的毫秒数不停地执行指定的代码。 |
| clearInterval() | 用于停止 setInterval() 方法执行的函数代码。 |
| setTimeout() | 暂停指定的毫秒数后执行指定的代码 |
| clearTimeout() | 用于停止执行setTimeout()方法的函数代码 |
| close() | 关闭当前窗口 |
| open() | 打开新窗口,并返回新窗口的对象 |
| moveTo() | 移动当前窗口 |
| resizeTo() | 重新调整当前窗口 |
例子: clearInterval(fun,1000)
语法 window.open(URL,name,features,replace);
URL:可选字符串,声明了新窗口的URL。如果省略这个参数或者值为空字符串,则新窗口不显示任何文档
name:可选字符串,是一个由逗号分割的特征列表,它声明了新窗口名称。如果此参数指定已存在窗口,则open方法返回对指定窗口的引用(不再创建新窗口)。这时,features将被忽略。
features:可选字符串,声明了新窗口显示的标准浏览器特征,如果省略,则新窗口具有所有标准特征。
replace:一个可选的布尔值。规定了装载到窗口的 URL 是在窗口的浏览历史中创建一个新条目,还是替换浏览历史中的当前条目。支持下面的值:•true - URL 替换浏览历史中的当前条目。•false - URL 在浏览历史中创建新的条目。
其中open() 方法的第三个参数如下表
| 参数 | 介绍 |
|---|
| channelmode=yes/no/1/0 | 是否使用剧院模式显示窗口。默认为 no |
| resizable=yes/no/1/0 | 窗口是否可调节尺寸。默认是 yes。 |
| directories=yes/no/1/0 | 是否添加目录按钮。默认为 yes。 |
| scrollbars=yes/no/1/0 | 是否显示滚动条。默认为 yes。 |
| fullscreen=yes/no/1/0 | 是否使用全屏模式显示浏览器。默认是 no。处于全屏模式的窗口必须同时处于剧院模式。 |
| status=yes/no/1/0 | 是否添加状态栏。默认为 yes。 |
| titlebar=yes/no/1/0 | 是否显示标题栏。默认是 yes。 |
| toolbar=yes/no/1/0 | 是否显示浏览器的工具栏。默认是 yes。 |
| location=yes/no/1/0 | 是否显示地址字段。默认是 yes。 |
| menubar=yes/no/1/0 | 是否显示菜单栏。默认是 yes。 |
| top=pixels | 窗口的 y 坐标。以像素计。 |
| left=pixels | 窗口的 x 坐标。以像素计。 |
| height=pixels | 窗口文档显示区的高度。以像素计。 |
| width=pixels | 窗口的文档显示区的宽度。以像素计。 |
Location对象属性
| 参数 | 介绍 |
|---|
| hash | 设置或返回从井号 (#) 开始的 URL(锚)。 |
| host | 设置或返回主机名和当前 URL 的端口号。 |
| hostname | 设置或返回当前 URL 的主机名。 |
| href | 设置或返回完整的 URL。 |
| pathname | 设置或返回当前 URL 的路径部分 |
| port | 设置或返回当前 URL 的端口号。 |
| protocol | 设置或返回当前 URL 的协议。 |
| search | 设置或返回从问号 (?) 开始的 URL(查询部分)。 |
例子:var hostname = location.hostname; // www.baidu.com|
Location对象方法
| 方法 | 介绍 |
|---|
| assign() | 加载新的文档。 |
| reload() | 重新加载当前文档,相当于刷新页面。 |
| replace() | 用新的文档替换当前文档。打开新页面。 |
例子: location.replace("location.html#top?a=10&b=20");
相当于location.href = "location.html#top?a=10&b=20";
窗口尺寸
| 属性 | 介绍 |
|---|
| 这两个属性都以像素返回尺寸: | 浏览器窗口(浏览器视口)不包括工具栏和滚动条。 |
| window.innerHeight | 浏览器窗口的内高度(以像素计) |
| window.innerWidth | 浏览器窗口的内宽度(以像素计) |
| 其他: | |
| 对于 Internet Explorer 8, 7, 6, 5: | |
| document.documentElement.clientHeight | |
| document.documentElement.clientWidth | |
| 或: | |
| document.body.clientHeight | |
| document.body.clientWidth | |
例子:var w = window.innerWidth || document.documentElement.clientWidth
|| document.body.clientWidth; //兼容写法
Window Screen
| 属性 | 介绍 |
|---|
| screen.width | 属性返回以像素计的访问者屏幕宽度。 |
| screen.height | 属性返回以像素计的访问者屏幕高度。 |
| screen.availWidth | 属性返回访问者屏幕的宽度,以像素计,减去诸如窗口工具条之类的界面特征。 |
| screen.availHeight | 属性返回访问者屏幕的高度,以像素计,减去诸如窗口工具条之类的界面特征。 |
| screen.colorDepth | 属性返回用于显示一种颜色的比特数。 |
| screen.pixelDepth | 属性返回屏幕的像素深度。 |
==window.history ==
为了保护用户的隐私,JavaScript 访问此对象存在限制。
| 方法 | 介绍 |
|---|
| back() | 等同于在浏览器点击后退按钮。 |
| history.forward() | 等同于在浏览器中点击前进按钮 |
Window Navigator
| 属性 | 介绍 |
|---|
| appName | 属性返回浏览器的应用程序名称 |
| appCodeName | 属性返回浏览器的应用程序代码名称 |
| platform | 属性返回浏览器平台(操作系统) |
| cookieEnabled | 属性返回 true,如果 cookie 已启用,否则返回 false |
| product | 属性返回浏览器引擎的产品名称 |
| appVersion | 属性返回有关浏览器的版本信息 |
| userAgent | 属性返回由浏览器发送到服务器的用户代理报头(user-agent header) |
| language | 属性返回浏览器语言 |
| onLine | 属性返回 true,假如浏览器在线 |
| 方法 | 介绍 |
|---|
| javaEnabled() | 方法返回 true,如果 Java 已启用 |
警告!!!
来自 navigator 对象的信息通常是误导性的,不应该用于检测浏览器版本,因为:
不同浏览器能够使用相同名称
导航数据可被浏览器拥有者更改
某些浏览器会错误标识自身以绕过站点测试
浏览器无法报告发布晚于浏览器的新操作系统