文档对象简介

一、document对象

document对象是window对象中的子对象。

document对象,即文档对象。顾名思义,其实很好理解,文档对象嘛,操作的都是HTML文档。

1、document对象属性
属性  说明
title   文档标题,即title标签内容
URL     文档地址
fileCreateDate  文档创建日期
fileModifiedDate    文档修改时间(精确到天)
lastModified    文档修改时间(精确到秒)
fileSize    文档大小
fgColor     定义文档的前景色
bgColor     定义文档的背景色
linkColor   定义“未访问”的超链接颜色
alinkColor  定义“被激活”的超链接颜色
vlinkColor  定义“访问过”的超链接颜色
2、document对象方法
方法  说明
document.write()    输入文本到当前打开的文档
document.writeIn()  输入文本到当前打开的文档,并添加换行符“\n”
document.getElementById()   获取某个id值的元素
document.getElementsByName()    获取某个name值的元素,用于表单元素

文档标题

一、document.title简介

在实际开发中,有些时候我们想要使用JavaScript来操作网页的标题(title),这个时候就用到了document对象的title属性。

语法:

document.title

文档信息

一、查看JavaScript文档信息

在JavaScript中,如果我们想要获取网页文件的基本信息,我们可以通过document对象的以下属性来获取:

属性  说明
fileCreateDate  文档创建日期
fileModifiedDate    文档修改时间(精确到天)
lastModified    文档修改时间(精确到秒)
fileSize    文档大小

文档地址

一、document.URL

在JavaScript中,可以使用document对象的URL属性来获取当前HTML文档地址或者设置文档的跳转地址。

语法:

document.URL

颜色属性

属性  说明
fgColor     定义文档的前景色
bgColor     定义文档的背景色
linkColor   定义“未访问”的超链接颜色
alinkColor  定义“被激活”的超链接颜色
vlinkColor  定义“访问过”的超链接颜色
一、前景色和背景色

在JavaScript中,可以使用document对象的fgColor和bgColor这两个属性来分别设置文档的前景色和背景色。前景色,就是文字的颜色。document对象的fgColor和bgColor分别对应于CSS中的color和background-color这两个属性。

语法:

document.fgColor = "颜色值";
document.bgColor = "颜色值";

说明:

颜色值可以使用关键字,也可以使用十六进制颜色值。对于颜色值的选取,可以使用在线调色板来选取。
二、超链接颜色

在JavaScript中,超链接的文字颜色可以通过document对象的linkColor、alinkColor和vlinkColor这3个属性来设置。

语法:

document.linkColor = "颜色值";

说明:

颜色值可以使用关键字,也可以使用十六进制颜色值。对于颜色值的选取,可以使用在线调色板来选取。

输出数据

一、write()方法

语法:

document.write("输出的内容")
二、writeln()方法

writeln()方法跟write()方法类似,不过writeln()方法输出内容的同时会在内容之后添加一个换行符“\n”。writeln是以行方式输出的,一般情况下用两种方法输出的效果在页面上是没有区别的,两种方法仅当在查看源代码时才看得出区别,除非把内容输出到pre或xmp标签内。

语法:

document.writeln("输出的内容")

说明:

注意,writeln中的“l”不是字母“i”的大写,而是字母“l”。很多人会犯这种傻逼式的错误。

分析:

writeln()方法输出的内容之间会有一点空隙,而write()方法的没有。但是上面这个例子,跟write()方法的例子在浏览器的预览效果区别很小。

注意:
pre标签能把该标签内部的换行符、空格等识别并且解析出来,由于writeln()方法在输出内容的同时会多输出一个换行符“\n”,所以换行符“\n”在pre标签中被识别出来。