用JavaScript獲取頁面文檔內(nèi)容的實(shí)現(xiàn)代碼
JavaScript的document對(duì)象包含了頁面的實(shí)際內(nèi)容,所以利用document對(duì)象可以獲取頁面內(nèi)容,例如頁面標(biāo)題、各個(gè)表單值。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js基礎(chǔ)</title> </head> <body> <p>一. 用Document對(duì)象獲得頁面標(biāo)題</p> <hr/> <p>二. 用Document訪問一下兩個(gè)表單</p> <p>第一個(gè),文本框的值</p> <form name="textform"> <input name="textname" type="text" value="請(qǐng)輸入文本"/> </form> <p>第二個(gè),按鈕的值</p> <form name="submitform"> <input name="submitname" type="submit" value="第一個(gè)表單內(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)容的實(shí)現(xiàn)代碼就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
JS?for?in遍歷對(duì)象順序不對(duì)解決辦法
最近使用for-in語句遍歷對(duì)象屬性時(shí)發(fā)現(xiàn)遍歷順序并非屬性構(gòu)建順序,這篇文章主要給大家介紹了關(guān)于JS?for?in遍歷對(duì)象順序不對(duì)的解決辦法,需要的朋友可以參考下2023-11-11JavaScript利用構(gòu)造函數(shù)和原型的方式模擬C#類的功能
這篇文章主要介紹了JavaScript利用構(gòu)造函數(shù)和原型的方式模擬C#類的功能。需要的朋友可以過來參考下,希望對(duì)大家有所幫助2014-03-03JS實(shí)現(xiàn)模擬百度搜索“2012世界末日”網(wǎng)頁地震撕裂效果代碼
這篇文章主要介紹了JS實(shí)現(xiàn)模擬百度搜索“2012世界末日”網(wǎng)頁地震撕裂效果代碼,引入第三方插件實(shí)現(xiàn)頁面的抖動(dòng)、撕裂及圖片等效果,需要的朋友可以參考下2015-10-10基于javascript的COOkie的操作實(shí)現(xiàn)只能點(diǎn)一次
這篇文章主要介紹了基于javascript的COOkie的操作實(shí)現(xiàn)只能點(diǎn)一次,需要的朋友可以參考下2014-12-12uniapp開發(fā)小程序?qū)崿F(xiàn)全局懸浮按鈕的代碼
這篇文章主要介紹了uniapp開發(fā)小程序如何實(shí)現(xiàn)全局懸浮按鈕,但是在uniapp中式?jīng)]有window對(duì)象,和dom元素的,需要獲取頁面上節(jié)點(diǎn)的幾何信息,具體實(shí)例代碼詳細(xì)跟隨小編一起看看吧2022-03-03老生常談js動(dòng)態(tài)添加事件--- 事件委托
下面小編就為大家?guī)硪黄仙U刯s動(dòng)態(tài)添加事件--- 事件委托。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-07-07動(dòng)態(tài)調(diào)整textarea中字體的大小代碼
用js批量輸出select事件控制textarea中字體的大小的代碼。2009-12-12基于javascript實(shí)現(xiàn)表格的簡單操作
這篇文章主要為大家詳細(xì)介紹了基于javascript實(shí)現(xiàn)表格的簡單操作,具有一定的參考價(jià)值,感興趣的朋友可以參考一下2016-05-05