JavaScript学习笔记(十一)
继续学习的是document对象。
下表列出了BOM的document对象的一些通用属性:
属 性
|
说 明
|
alinkColor
|
激活的链接的颜色,如<body alink="color">定义的*
|
bgColor
|
页面的背景颜色,如<body bgcolor="color">定义的*
|
fgColor
|
页面的文本颜色,如<body text="color">定义的*
|
lastModified
|
最后修改页面的日期,是字符串
|
linkColor
|
链接的颜色,如<body link="color">定义的*
|
referrer
|
浏览器历史中后退一个位置的URL
|
title
|
<title/>标签中显示的文本
|
URL
|
当前载入的页面的URL
|
vlinkColor
|
访问过的链接的颜色,如<body vlink="color">定义的*
|
* 反对使用这些属性,因为它们引用了<body/>标签中的旧HTML特性。应该用样式表脚本代替它们。
document对象也有许多集合,提供对载入的页面各个部分的访问。下表列出了这些集合:
集 合
|
说 明
|
anchors
|
页面中所有锚的集合
|
applets
|
页面中所有applet的集合
|
embeds
|
页面中所有嵌入式对象的集合(由<embed/>标签表示)
|
forms
|
页面中所有表单的集合
|
images
|
页面中所有图像的集合
|
links
|
页面中所有链接的集合
|
与window.frame集合相似,可用数字或名字引用document对象的每个集合,也就是说可用document.images[0]或document.images["图片的name"]访问图像。
location对象表示载入窗口的URL,此外它还可以解析URL。
hash——如果URL包含#,该方法将返回该符号之后的内容(例如,http://www.somewhere.com/index#selection1的hash等于"#selection1")。
host——服务器的名字(如www.wrox.com)。
hostname——通常等于host,有时会省略前面的www。
href——当前载入的页面的完整URL。
pathname——URL中主机名后的部分。例如,http://www.somewhere.com/pictures/index.htm的pathname是"/pictures/index.htm"。
port——URL中声明的请求的端口。默认情况下,大多数URL没有端口信息,所以该属性通常是空白的。像http://www.somewhere.com:8080/index.htm这样的URL的port属性等于8080。
protocol——URL中使用的协议,即双斜杠(//)之前的部分。例如,http://www.somewhere.com中的protocol属性等于http:,ftp://www.somewhere.com的protocol属性等于ftp:。
search——执行GET请求的URL中的问号(?)后的部分,又称为查询字符串。例如,http://www.somewhere.com/abc.htm?term=javascript中的search属性等于?term=javascript
跳转到一个页面,但是不想从浏览器历史中访问,即不能后退回来,可以使用方法location.replace("http://www.baidu.com")方法。
检测浏览器的版本、所支持的MIME类型、已安装的外挂程序(plug-in)。该对象包含两个子对象:外挂对象、MIME类型对象。
appCodeName
|
代码 |
appName
|
名称 |
appVersion
|
版本 |
language
|
语言 |
mimeType
|
以数组表示所支持的MIME类型 |
platform
|
编译浏览器的机器类型 |
plugins
|
以数组表示已安装的外挂程序 |
userAgent
|
用户代理程序的表头 |
screen对象包含了屏幕信息,通常包含下列属性(不过,许多浏览器都加入了自己的属性):
height——屏幕的高度,以像素计。
width——屏幕的宽度,以像素计。
availHeight——窗口可以使用的屏幕的高度(以像素计),减去了任务栏的宽,随用户任务栏而变,不会随窗口而改变,其中包括操作系统元素(如Windows工具栏)需要的空间。
availWidth——窗口可以使用的屏幕的宽度(以像素计),减去了任务栏的高,随用户任务栏而变。
colorDepth——用户屏幕的颜色深度,以每像素的位数计。实际上就是表示颜色的位数。大多数系统采用32位。
确定新窗口的大小时,availHeight和availWidth属性非常有用。例如,可以使用下面的代码填充用户的屏幕:
moveTo(0,0);
resizeTo(screen.availWidth,screen,availHeight);