用JavaScript獲取頁面文檔內(nèi)容的實現(xiàn)代碼
JavaScript的document對象包含了頁面的實際內(nèi)容,所以利用document對象可以獲取頁面內(nèi)容,例如頁面標(biāo)題、各個表單值。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js基礎(chǔ)</title> </head> <body> <p>一. 用Document對象獲得頁面標(biāo)題</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="第一個表單內(nèi)提交"/> </form> <hr/> <p>以下是獲取到的值</p> <table border="1" cellspacing="4" cellpadding="2"> <tr> <td>獲取到本頁的標(biāo)題是 : </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獲取頁面文檔內(nèi)容的實現(xiàn)代碼就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript利用構(gòu)造函數(shù)和原型的方式模擬C#類的功能
這篇文章主要介紹了JavaScript利用構(gòu)造函數(shù)和原型的方式模擬C#類的功能。需要的朋友可以過來參考下,希望對大家有所幫助2014-03-03JS實現(xiàn)模擬百度搜索“2012世界末日”網(wǎng)頁地震撕裂效果代碼
這篇文章主要介紹了JS實現(xiàn)模擬百度搜索“2012世界末日”網(wǎng)頁地震撕裂效果代碼,引入第三方插件實現(xiàn)頁面的抖動、撕裂及圖片等效果,需要的朋友可以參考下2015-10-10基于javascript的COOkie的操作實現(xiàn)只能點一次
這篇文章主要介紹了基于javascript的COOkie的操作實現(xiàn)只能點一次,需要的朋友可以參考下2014-12-12uniapp開發(fā)小程序?qū)崿F(xiàn)全局懸浮按鈕的代碼
這篇文章主要介紹了uniapp開發(fā)小程序如何實現(xiàn)全局懸浮按鈕,但是在uniapp中式?jīng)]有window對象,和dom元素的,需要獲取頁面上節(jié)點的幾何信息,具體實例代碼詳細(xì)跟隨小編一起看看吧2022-03-03動態(tài)調(diào)整textarea中字體的大小代碼
用js批量輸出select事件控制textarea中字體的大小的代碼。2009-12-12