Legacy DOM
这是在早期版本的JavaScript语言中引入的模型。 它得到了所有浏览器的良好支持，但只允许访问文档的某些关键部分，例如表单，表单元素和图像。
此模型提供了几个只读属性，例如title，URL和lastModified，它们提供有关整个文档的信息。 除此之外，该模型提供了各种方法，可用于设置和获取文档属性值。
旧版DOM中的文档属性
以下是可以使用Legacy DOM访问的文档属性列表。
| Sr.No | 财产和描述 |
|---|---|
| 1 | alinkColor 不推荐使用 - 指定激活链接颜色的字符串。 Ex - document.alinkColor |
| 2 | anchors[ ] 一组Anchor对象，每个对象出现在文档中 Ex - document.anchors [0]，document.anchors [1]等 |
| 3 | applets[ ] 一组Applet对象，一个用于文档中显示的每个小程序 Ex - document.applets [0]，document.applets [1]等 |
| 4 | bgColor 不推荐使用 - 指定文档背景颜色的字符串。 Ex - document.bgColor |
| 5 | cookie 具有特殊行为的字符串值属性，允许查询和设置与此文档关联的cookie。 Ex - document.cookie |
| 6 | domain 一个字符串，指定文档来自的Internet域。 用于安全目的。 Ex - document.domain |
| 7 | embeds[ ] 一组对象，表示使用 plugins []的同义词。 可以使用JavaScript代码控制某些插件和ActiveX控件。 Ex - document.embeds [0]，document.embeds [1]等 |
| 8 | fgColor 不推荐使用 - 指定文档的默认文本颜色的字符串 Ex - document.fgColor |
| 9 | forms[ ] 一个Form对象数组，对应于文档中显示的每个HTML表单。 Ex - document.forms [0]，document.forms [1]等 |
| 10 | images[ ] 一个Image对象数组，每个图像对应一个HTML Ex - document.images [0]，document.images [1]等 |
| 11 | lastModified 一个只读字符串，用于指定文档最近更改的日期 Ex - document.lastModified |
| 12 | linkColor 不推荐使用 - 指定未访问链接颜色的字符串 Ex - document.linkColor |
| 13 | links[ ] 它是一个文档链接数组。 Ex - document.links [0]，document.links [1]等 |
| 14 | location 文档的URL。 不赞成使用URL属性。 Ex - document.location |
| 15 | plugins[ ] 嵌入[]的同义词 Ex - document.plugins [0]，document.plugins [1]等 |
| 16 | Referrer 一个只读字符串，包含从中链接当前文档的文档的URL（如果有）。 Ex - document.referrer |
| 17 | Title
Ex - document.title |
| 18 | URL 一个只读字符串，用于指定文档的URL。 Ex - document.URL |
| 19 | vlinkColor 不推荐使用 - 指定已访问链接颜色的字符串。 Ex - document.vlinkColor |
旧版DOM中的文档方法
以下是Legacy DOM支持的方法列表。
| Sr.No | 财产和描述 |
|---|---|
| 1 | clear( ) 不推荐使用 - 删除文档的内容并且不返回任何内容。 Ex - document.clear（） |
| 2 | close( ) 关闭使用open（）方法打开的文档流，不返回任何内容。 Ex - document.close（） |
| 3 | open( ) 删除现有文档内容并打开可以写入新文档内容的流。 什么都不返回 Ex - document.open（） |
| 4 | write( value, ...) 将指定的字符串或字符串插入当前正在解析的文档中，或附加到使用open（）打开的文档中。 什么都不返回 Ex - document.write（value，...） |
| 5 | writeln( value, ...) 与write（）相同，只是它在输出中附加换行符。 什么都不返回 Ex - document.writeln（value，...） |
例子 (Example)
我们可以使用HTML DOM在任何HTML文档中找到任何HTML元素。 例如，如果Web文档包含form元素，那么使用JavaScript我们可以将其称为document.forms[0] 。 如果您的Web文档包含两个form元素，则第一个表单称为document.forms [0]，第二个表单称为表单[1]。
使用上面给出的层次结构和属性，我们可以使用document.forms[0].elements[0]等访问第一个表单元素。
以下是使用Legacy DOM方法访问文档属性的示例。
<html>
<head>
<title> Document Title </title>
<script type="text/javascript">
<!--
function myFunc()
{
var ret = document.title;
alert("Document Title : " + ret );
var ret = document.URL;
alert("Document URL : " + ret );
var ret = document.forms[0];
alert("Document First Form : " + ret );
var ret = document.forms[0].elements[1];
alert("Second element : " + ret );
}
//-->
</script>
</head>
<body>
<h1 id="title">This is main title</h1>
<p>Click the following to see the result:</p>
<form name="FirstForm">
<input type="button" value="Click Me" onclick="myFunc();" />
<input type="button" value="Cancel">
</form>
<form name="SecondForm">
<input type="button" value="Don't ClickMe"/>
</form>
</body>
</html>
输出 (Output)
新页面打开NOTE - 此示例返回表单和元素的对象，我们必须使用本教程中未讨论的那些对象属性来访问它们的值。
