文档对象(Document)

首页 > JavaScript浏览器对象 > 文档对象(Document)

■ 一览

activeElement, alinkColor, all, bgColor, charset, clear(), clear(selection), close(), cookie, createElement(), createRange(), createStyleSheet(), defaultCharset, document, domain, elementFromPoint(), embeds, empty(), fgColor, lastModified, linkColor, open(), parentWindow, readyState, referrer, selection, showHelp(), title, type, URL, vlinkColor, write(), writeln()

■ 文档对象

window.document

代表正在表示的文档自身的对象。

■ 文字色、背景色

document.bgColor
document.fgColor
document.linkColor
document.alinkColor
document.vlinkColor

代表 <body> 标签里指定的背景色(bgcolor)、文字的颜色(text)、链接文字的颜色(link)、正被点击的链接文字的颜色(alink)、已经浏览过的链接文字的颜色(vlink)等相对应的字符串。代入值就可以动态改变各种颜色。

<form action="#">
<input type="button" value="red" onclick="document.bgColor='red'">
</form>

■ 写入文档

document.open([mimeType [, replace]])

可打开文档并写入内容。和 window.open() 不是一个东西。

top.main.document.open();
top.main.document.write("<html>\n");
top.main.document.write("<head><title>测试</title></head>\n");
top.main.document.write("<body>测试文本</body>\n");
top.main.document.write("</html>\n");
top.main.document.close();
document.write(msg [, msg...])
document.writeln(msg [, msg...])

在指定的文档中写入字符串等值。写入完毕后如果不使用 document.close() 关闭的话,有可能最后一行不会显示。writeln() 和 write() 的区别是,writeln()会在最后输入换行符。在一般的 HTML 里,换行符会变成一个空格,但是在 <pre>~</pre> 等标签里则能换行。

document.writeln("<pre>");
document.writeln("AAA");
document.writeln("BBB");
document.writeln("</pre>");
document.close()

关闭向文档的写入。忘了使用这个的话,用 write() 和 writeln() 写入文档的内容有可能不会显示。

document.clear()(IE专用)

清空文档的内容。

■ 文档信息

document.lastModified

返回此文档的最后更新时间。不同浏览器以及不同版本间,返回的字符串都各不相同,使用的时候要当心。

document.write("最后更新时间: " + document.lastModified);
document.referrer

返回一个URL,表示是哪个页面跳转到当前页面的。有可能因浏览器的安全性而无法表示。

if (document.referrer) {
    document.write("您是由");
    document.write(document.referrer);
    document.write("跳转过来的。");
}
document.URL
document.domain

返回当前文档的地址(URL)和域名(domain)部分。

document.title

返回由 <title> 指定的文档标题的字符串。

document.charset(IE专用)
document.defaultCharset(IE专用)

返回此文档的charset。

document.readyState(IE专用)

返回 "uninitialized", "loading", "interactive", "complete" 这四个字符串中的一个来表示当前的下载状态。

■ 文档元素

document.all(IE专用)

代表此文档中的所有元素。

document.activeElement(IE专用)

返回现在获得焦点的元素。

document.elementFromPoint(x, y)(IE专用)

返回 x, y 坐标的元素。

document.createElement(tag)(IE专用)

新建一个元素对象。新建的对象可用 add() 或 appendChild() 显示到画面上。

<script type="text/javascript">
<--
function func() {
  elm = document.createElement("OPTION");
  elm.text = "CCC";
  document.F1.S1.add(elm);
}
// -->
</script>
<form name="F1" action="#">
<select name="S1" size=5>
<option>AAA
<option>BBB
</select>
<input type="button" onclick="func()" value="Add">
</form>

■ 其他

document.cookie

此文档的cookie。

document.parentWindow(IE专用)

此文档的父窗口的对象。

document.embeds

<embed>对应的嵌入对象的数组。

document.selection(IE专用)
document.selection.type(IE专用)
document.selection.clear()(IE专用)
document.selection.empty()(IE专用)
document.selection.createRange()(IE专用)

表示现在选中的字符串的对象。

xx = document.selection.createRange();
alert(xx.text);
document.createStyleSheet([URL [, index]])(IE专用)

在此文档中使用其他文件里记述的样式表代码。URL 指定外部样式表文件的地址(URL),index 指定 styleSheets 对象列表上的索引。

<input type="button" value="夏天的样式"
 onclick="document.createStyleSheet('summer.css')">
document.showHelp(URL [, content])(IE专用)

显示帮助文档。只有 Microsoft HTML Help 能使用。