JavaScript的document對象包含了頁面的實際內容,所以利用document對象可以獲取頁面內容,例如頁面標題、各個表單值。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js基礎</title> </head> <body> <p>一. 用Document對象獲得頁面標題</p> <hr/> <p>二. 用Document訪問一下兩個表單</p> <p>第一個,文本框的值</p> <form name="textform"> <input name="textname" type="text" value="請輸入文本"/> </form> <p>第二個,按鈕的值</p> <form name="submitform"> <input name="submitname" type="submit" value="第一個表單內提交"/> </form> <hr/> <p>以下是獲取到的值</p> <table border="1" cellspacing="4" cellpadding="2"> <tr> <td>獲取到本頁的標題是 : </td> <td> <b><script>document.write(document.title)</script></b></td> </tr> <tr> <td>本頁包含表單 : </td> <td><b><script>document.write(document.forms.length)</script></b></td> </tr> <tr> <td>獲取到文本框的值 : </td> <td><b><script>document.write(window.document.textform.textname.value)</script></b></td> </tr> <tr> <td>獲取到按鈕的值 : </td> <td><b><script>document.write(window.document.submitform.submitname.value)</script></b></td> </tr> </table> </body> </html>
以上這篇用JavaScript獲取頁面文檔內容的實現代碼就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持。