JavaScript基础知识【浏览器对象】(八)
Javascript除了可以访问本身内置的各种对象和自定义对象外,还可以访问浏览器提供的对象。通过对这些对象的访问,可以得到当前网页和浏览器本身的一些信息。并能完成相关操作。
1.8.1window对象
对于window对象的使用,主要集中在窗口的打开和关闭,窗口状态的设置,定时执行程序以及各种对话框的使用等4个方面。
每一个window对象都代表一个浏览器窗口,如果要访问其内部的其他对象,window可以省略。
window对象位于最顶层,提供了出来浏览器窗口的方法和属性。
1,属性
window对象的status和location属性能完成一些有用的任务。其中,status属性用于设置浏览器底部的状态条中所显示的信息。
1 <script language="javascript"> 2 3 window.status="welcome"; 4 5 </script>
通过对location属性赋值可以使浏览器跳转到指定的URL
location="http://www.default.com";
2,方法
方法 | 说明 | 方法 | 说明 |
open 和 close | 开,关一个浏览器窗口 | blur和 focus | 在一个窗口中设置和移去输入焦点 |
alert | 显示带警告信息的对话框 | scroll | 是窗口卷动到指定的坐标 |
confirm | 显示带OK和Cancel按钮的确认对话框 | setTimeout | 在指定的时间后对一表达式求值 |
prompt | 显示带一个输入文本框的提示对话框 |
1.8.2document对象
document是一个文档对象,使用document对象可以对HTML文档进行检查,修改或者加内容等操作,并且可以出来该文档内部的事件。
1,属性
属性 | 说明 | 属性 | 说明 |
title | 设置文档标题 | URL | 在同一窗口打开另一页面 |
bgColor | 设置页面背景色 | fileCreatedDate | 文件建立日期,只读属性 |
fgColor | 设置前景色(文本颜色) | fileModifiedDate | 文件修改日期,只读属性 |
linkColor | 未点击过的链接颜色 | charset | 设置字符集,简体中文:gb2312 |
alinkColor | 焦点在此链接上的颜色 | fileSize | 文件大小,只读属性 |
vlinkColor | 已点击过的链接颜色 | cookie | 设置好读出cookie |
2,方法
document对象代表当前网页,用于在当前页面中输出HTML语句。
方法 | 说明 | 方法 | 说明 |
write() | 动态向页面写入内容 | getElementById(id) | 获得指定ID值的对象 |
createElement() | 创建一个HTML标签对象 | getElementByName(name) | 获取指定name值的对象 |
1.8.3location对象
location对象包含当前对象的URL(统一资源定位符),该对象有一个常用的href属性和reload()方法。
href属性用于跳转到指定的网页,相当于<a>标签的功能。
window.location.href="default.html";
reload()方法能够实现当前网页的重载。若要重载当前页,则如下:
Window.location.reload();
1.8.4其他对象
(1)history对象:history对象包含用户已浏览的URL的信息。常用方法为go(数值),可以实现让浏览器前进或后退到已经访问过的某个页面。等价于浏览器中的“前进”,“后退”按钮。
1 window.history.go(-1); //后退到曾访问过的倒数第一个页面 2 3 window.history.go(0); //重新装载当前页面
history对象有length属性,用于列出历史项数,该属性返回的是“前进”,“后退”两个按钮之下包含的地址数的和。
hisitory对象还包含以下方法。
* back():后退,与按下“后退”键是等效的。
* forward():前进,与按下"前进"键是等效的。
(2)external对象
external对象有一个常用的方法addFavorite,利用该方法可以将指定的网页加入到收藏夹中。
1 window.external.addFavorite("网址",“显示的标题”); 2 3 <body> 4 <a href="#" onClick="Javascript:window.external.addFavorite('http://www.123.com','浏览器主页')">点击收藏</a> 5 6 </body>
(3)screen对象
screen对象反映的是当前用户的屏幕设置
属性 | 说明 |
availWidth | 屏幕宽度(不包含任务栏) |
availHeight | 屏幕高度(不包含任务栏) |
bufferDepth | 设置或获取位图缓冲颜色的像素位数 |
colorDepth | 获取用于目标设置或缓冲区的颜色的像素位数 |
deviceXDPI | 设置或获取系统屏幕水平方向每英寸的实际点数值 |
deviceYDPI | 设置或获取系统屏幕垂直方向每英寸的实际点数值 |
fontSmoothingEnabled | 获取用户是否在显示设置中启用了圆整屏幕字体边角的选项 |
logicalXDPI | 获取系统屏幕水平每英寸的常规点数值 |
logicalYDPI | 获取系统屏幕垂直每英寸的常规点数值 |
updateInterval | 设置或获取屏幕的更新间隔 |
width | 获取屏幕的水平分辨率 |
height | 获取屏幕的垂直分辨率 |