JavaScript的document对象包含了页面的实际内容，所以利用document对象可以获取页面内容，例如页面标题、各个表单值。
代码语言：javascript复制 1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <title>js基础</title>
6
7 </head>
8
9 <body>
10 <p>一. 用Document对象获得页面标题</p>
11 <hr/>
12 <p>二. 用Document访问一下两个表单</p>
13
14 <p>第一个，文本框的值</p>
15
16 <form name="textform">
17 <input name="textname" type="text" value="请输入文本"/>
18 </form>
19 <p>第二个，按钮的值</p>
20
21 <form name="submitform">
22 <input name="submitname" type="submit" value="第一个表单内提交"/>
23 </form>
24 <hr/>
25 <p>以下是获取到的值</p>
26 <table border="1" cellspacing="4" cellpadding="2">
27 <tr>
28 <td>获取到本页的标题是 ： </td>
29 <td> <b><script>document.write(document.title)</script></b></td>
30 </tr>
31 <tr>
32 <td>本页包含表单 ： </td>
33 <td><b><script>document.write(document.forms.length)</script></b></td>
34 </tr>
35 <tr>
36 <td>获取到文本框的值 ： </td>
37 <td><b><script>document.write(window.document.textform.textname.value)</script></b></td>
38 </tr>
39 <tr>
40 <td>获取到按钮的值 ： </td>
41 <td><b><script>document.write(window.document.submitform.submitname.value)</script></b></td>
42 </tr>
43
44 </table>
45
46 </body>
47 </html>
