快捷導(dǎo)航

用JavaScript獲取頁(yè)面文檔內(nèi)容的實(shí)現(xiàn)代碼

更新時(shí)間：2016年06月10日 15:51:26 投稿：jingxian

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

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è)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

JS獲取整個(gè)頁(yè)面文檔的實(shí)現(xiàn)代碼

相關(guān)文章

JavaScript事件方法(實(shí)例講解)
下面小編就為大家?guī)?lái)一篇JavaScript事件方法(實(shí)例講解)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-06-06
JavaScript中split()方法舉例詳解
這篇文章主要給大家介紹了關(guān)于JavaScript中split()方法的相關(guān)資料,split()方法在js處理字符串是很常見(jiàn),也是很重要的一種方法必須熟練掌握,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下
2023-11-11
詳解template標(biāo)簽用法(含vue中的用法總結(jié))
這篇文章主要介紹了template標(biāo)簽用法(含vue中的用法總結(jié))，本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友參考下吧
2021-01-01
JS全角與半角轉(zhuǎn)化實(shí)例(分享)
下面小編就為大家?guī)?lái)一篇JS全角與半角轉(zhuǎn)化實(shí)例(分享)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-07-07
JS的拖拽屬性draggable詳解
這篇文章主要介紹了JS的拖拽屬性draggable詳解,本文通過(guò)示例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2023-04-04
一組JS創(chuàng)建和操作表格的函數(shù)集合
在用AJAX的時(shí)候，經(jīng)常要用JS操作DOM，當(dāng)涉及到數(shù)據(jù)列表的時(shí)候，那用表格比較多，這里寫了組函數(shù)集合，專門用來(lái)操作表格，當(dāng)然，目前還有很多不足，但是對(duì)一些簡(jiǎn)單操作還是很方便的。
2009-05-05
基于Bootstrap實(shí)現(xiàn)圖片輪播效果
這篇文章主要為大家詳細(xì)介紹了基于bootstrap實(shí)現(xiàn)圖片輪播效果的相關(guān)資料，具有一定的參考價(jià)值，感興趣的朋友可以參考一下
2016-05-05
JavaScript中Function與Object的關(guān)系
本文主要介紹了JavaScript中Function與Object的關(guān)系，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2023-05-05
JavaScript?數(shù)據(jù)結(jié)構(gòu)之集合創(chuàng)建(2)
這篇文章主要介紹了JavaScript?數(shù)據(jù)結(jié)構(gòu)之集合創(chuàng)建,上一篇我們介紹了什么是集合，并且手動(dòng)實(shí)現(xiàn)了一個(gè)集合的類,本篇基于上篇內(nèi)容繼續(xù)深入介紹需要的小伙伴可以參考一下
2022-04-04
前端大屏開(kāi)發(fā)3種主流適配方案總結(jié)
這篇文章主要介紹了前端大屏開(kāi)發(fā)3種主流適配方案的相關(guān)資料,分別是vwvh方案、scale方案和rem+vwvh方案,每種方案都有其優(yōu)缺點(diǎn),可以根據(jù)具體需求選擇合適的方法,需要的朋友可以參考下
2025-03-03