JavaScript document

window -- document用于表现HTML页面当前窗体的内容

• document，中文"文档"
• document是BOM中最重要对象之一
• document对象是window对象的属性
• document对象包含一个节点对象，此对象包含每一个单独页面的全部HTML元素，这就是W3C的DOM对象。

document属性

• cookie -- 用户cookie
• title -- 当前页面title标签中定义的文字
• URL -- 当前页面的URL

下面内容的不建议使用

• alinkColor -- 表明HTML body标签的alink属性
• bgColor -- 表明HTML body标签的bgcolor属性
• fgColor -- 表明HTML body标签的text属性
• linkColor -- 表明HTML body标签的link属性
• vlinkColor -- 表明HTML body标签的vlink属性
• lastModified -- 页面最后修改的日期字符串，能够使用Date的构造函数转换为日期，例如：new Date(document.lastModified);
• referrer -- 浏览器history中后退一个位置的URL

因为document表明HTML文档的内容，所以能够经过它表示文档中加载的一些元素，这些元素所有经过集合访问。

• anchors -- 文档中全部锚(a name="aname")的集合
• applets -- 文档中全部applet标签表示的内容的集合
• embeds -- 文档中全部embed标签表示的内容的集合
• forms -- 文档中全部form标签表示的内容的集合
• images -- 文档中全部image标签表示的内容的集合
• links -- 文档中全部a(连接)标签表示的内容的集合

document函数

• JavaScript write(str) 函数:在文档中写入字符串
• JavaScript writeln(str) 函数:在文档中写入字符串，并在字符串的末尾增长一个换行符
• JavaScript document.open() 函数:打开已经载入的文档
• JavaScript document.close() 函数:用于关闭document.open方法打开的文档

使用document索引页面内的元素

能够使用数字或名称索引页面中的元素集合，每一个元素的属性都变成了集合中相应对象的属性。

示例

<form name="form1"><a href="http://www.dreamdu.com/xhtml/" name="a1">xhtml</a></form>
<form name="form2"><a href="http://www.dreamdu.com/css/" name="a2">css</a></form>
<form name="form3"><a href="http://www.dreamdu.com/javascript/" name="a3">javascript</a></form>

<input type="button" value="显示第二个表单的名称" onclick="alert(document.forms[1].name)" />
<input type="button" value="显示第二个表单的名称第二种方法" onclick="alert(document.forms['form2'].name)" />
<input type="button" value="显示第三个连接的名称" onclick="alert(document.links[2].name)" />
<input type="button" value="显示第三个连接的名称第二种方法" onclick="alert(document.links['a3'].name)" />
<input type="button" value="显示第三个连接href属性的值" onclick="alert(document.links[2].href)" />

表示第二个表单的方法：document.forms[1]或document.forms["form2"]

表示第三个连接的方法：document.links[2]或document.links["a3"]

表示第三个连接href属性的方法：document.links[2].href