用JavaScript獲取頁(yè)面文檔內(nèi)容的實(shí)現(xiàn)代碼
來(lái)源:易賢網(wǎng) 閱讀:1170 次 日期:2016-06-20 14:49:01
溫馨提示:易賢網(wǎng)小編為您整理了“用JavaScript獲取頁(yè)面文檔內(nèi)容的實(shí)現(xiàn)代碼”,方便廣大網(wǎng)友查閱!

下面小編就為大家?guī)?lái)一篇用JavaScript獲取頁(yè)面文檔內(nèi)容的實(shí)現(xiàn)代碼。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。

JavaScript的document對(duì)象包含了頁(yè)面的實(shí)際內(nèi)容,所以利用document對(duì)象可以獲取頁(yè)面內(nèi)容,例如頁(yè)面標(biāo)題、各個(gè)表單值。

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <title>js基礎(chǔ)</title>

</head>

<body>

<p>一. 用Document對(duì)象獲得頁(yè)面標(biāo)題</p>

<hr/>

<p>二. 用Document訪問(wèn)一下兩個(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>獲取到本頁(yè)的標(biāo)題是 : </td>

    <td> <b><script>document.write(document.title)</script></b></td>

  </tr>

  <tr>

    <td>本頁(yè)包含表單 : </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獲取頁(yè)面文檔內(nèi)容的實(shí)現(xiàn)代碼就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考

更多信息請(qǐng)查看網(wǎng)絡(luò)編程
由于各方面情況的不斷調(diào)整與變化,易賢網(wǎng)提供的所有考試信息和咨詢回復(fù)僅供參考,敬請(qǐng)考生以權(quán)威部門公布的正式信息和咨詢?yōu)闇?zhǔn)!
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡(jiǎn)要咨詢 | 簡(jiǎn)要咨詢須知 | 新媒體/短視頻平臺(tái) | 手機(jī)站點(diǎn)

版權(quán)所有:易賢網(wǎng)