JavaScript的document对象包含了页面的实际内容，所以利用document对象可以获取页面内容，例如页面标题、各个表单值。
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>