整合營(yíng)銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢熱線:

          js-頁面獲取數(shù)據(jù)

          js-頁面獲取數(shù)據(jù)

          lt;!DOCTYPE html>

          <html>

          <head>

          <meta charset="utf-8" />

          <title>js頁面獲取數(shù)據(jù)</title>

          </head>

          <body>

          <!-- js行內(nèi)點(diǎn)擊事件 -->

          <!-- <button onclick="alert('hello wrold')">點(diǎn)擊</button> -->

          <!-- 網(wǎng)頁中的標(biāo)簽可以是id和class id是唯一的

          class可以重復(fù)相同的class為一組

          網(wǎng)頁中可以根據(jù)id招標(biāo)前的方法

          例如*document.getElementById('#id')-->

          <h1 id='t1' class='t1'>標(biāo)題一</h1>

          <h1 class='t1'><i>標(biāo)題二</i></h1>

          <h1 class='t1'>標(biāo)題三</h1>

          <h1 class='t1'>標(biāo)題四</h1>

          <h1 class='t1'>標(biāo)題五</h1>

          <h1 class='t1'>標(biāo)題六</h1>

          <h1 class='t1'>標(biāo)題七</h1>

          <h1 class='t1'>標(biāo)題八</h1>

          <h1 class='t1'>標(biāo)題九</h1>

          <h1 class='t1'>標(biāo)題十</h1>

          <h1 class='t1'>標(biāo)題十一</h1>

          <script type='text/javascript'>

          var mytitle=document.getElementsByTagName('h1')

          console.log(mytitle);

          for(var i=0;i <=mytitle.length;i++){

          console.log(typeof(mytitle[i]));

          console.log('第'+(i+1)+'個(gè)內(nèi)容是*'+mytitle[i].innerHTML);

          console.log('第'+(i+1)+'個(gè)內(nèi)容是*'+mytitle[i].innerText);

          }

          </script>

          rl 解析

            const urlSearchParams=new URLSearchParams(window.location.search);
            const queryParams=Object.fromEntries(urlSearchParams.entries());
            console.log(queryParams);//成功轉(zhuǎn)換成對(duì)象

          注意看url中的查詢值哦

          Url 解析 知道query中的key直接獲取對(duì)應(yīng)的value

            const urlSearchParams=new URLSearchParams(window.location.search);
            const value=urlSearchParams.get("a");
            console.log(value);

          拿來吧你

          avaScript一種直譯式腳本語言,是一種動(dòng)態(tài)類型、弱類型、基于原型的語言,內(nèi)置支持類型。它的解釋器被稱為JavaScript引擎,為瀏覽器的一部分,廣泛用于客戶端的腳本語言,最早是在HTML(標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用)網(wǎng)頁上使用,用來給HTML網(wǎng)頁增加動(dòng)態(tài)功能。

          JavaScript 顯示數(shù)據(jù)

          JavaScript 可以通過不同的方式來輸出數(shù)據(jù):

          使用 window.alert() 彈出警告框。

          使用 document.write() 方法將內(nèi)容寫到 HTML 文檔中。

          使用 innerHTML 寫入到 HTML 元素。

          使用 console.log() 寫入到瀏覽器的控制臺(tái)。

          使用 window.alert()

          你可以彈出警告框來顯示數(shù)據(jù):

          實(shí)例

          nbsp;html>

          我的第一個(gè)頁面

          我的第一個(gè)段落。

          操作 HTML 元素

          如需從 JavaScript 訪問某個(gè) HTML 元素,您可以使用 document.getElementById(id) 方法。

          請(qǐng)使用 “id” 屬性來標(biāo)識(shí) HTML 元素,并 innerHTML 來獲取或插入元素內(nèi)容:

          實(shí)例

          nbsp;html>

          我的第一個(gè) Web 頁面

          "demo">我的第一個(gè)段落

          以上 JavaScript 語句(在 標(biāo)簽中)可以在 web 瀏覽器中執(zhí)行:

          document.getElementById(“demo”) 是使用 id 屬性來查找 HTML 元素的 JavaScript 代碼 。

          innerHTML=“段落已修改。” 是用于修改元素的 HTML 內(nèi)容(innerHTML)的JavaScript 代碼。

          在本教程中

          在大多數(shù)情況下,在本教程中,我們將使用上面描述的方法來輸出:

          上面的例子直接把 id=”demo” 的

          元素寫到 HTML 文檔輸出中:

          寫到 HTML 文檔

          出于測(cè)試目的,您可以將JavaScript直接寫在HTML 文檔中:

          實(shí)例

          nbsp;html>

          我的第一個(gè) Web 頁面

          我的第一個(gè)段落。

          Fri Apr 22 2022 16:20:12 GMT+0800 (中國(guó)標(biāo)準(zhǔn)時(shí)間)

          請(qǐng)使用 document.write() 僅僅向文檔輸出寫內(nèi)容。

          如果在文檔已完成加載后執(zhí)行 document.write,整個(gè) HTML 頁面將被覆蓋。

          實(shí)例

          nbsp;html>

          我的第一個(gè) Web 頁面

          我的第一個(gè)段落。

          "MYFUNCTION()">點(diǎn)我

          寫到控制臺(tái)

          如果您的瀏覽器支持調(diào)試,你可以使用 console.log() 方法在瀏覽器中顯示 JavaScript 值。

          瀏覽器中使用 F12 來啟用調(diào)試模式, 在調(diào)試窗口中點(diǎn)擊 “Console” 菜單。

          nbsp;html>



          我的第一個(gè) Web 頁面

          實(shí)例 console 截圖:

          您知道嗎?

          程序中調(diào)試是測(cè)試,查找及減少bug(錯(cuò)誤)的過程。


          主站蜘蛛池模板: 久久无码一区二区三区少妇| 人妻无码一区二区三区AV| 日本在线视频一区二区三区| 免费看无码自慰一区二区| 精品天海翼一区二区| 国产精品视频一区二区三区不卡| 国产一区二区不卡在线播放| 久久久久99人妻一区二区三区| 一区二区三区观看免费中文视频在线播放 | 亚洲熟妇无码一区二区三区导航| 亚洲AV无码片一区二区三区 | 一区二区三区视频免费观看| 天堂Aⅴ无码一区二区三区| 国产综合一区二区| 亚洲综合色一区二区三区| 深夜福利一区二区| 亚洲日本va午夜中文字幕一区| 亚洲一区二区观看播放| 亚洲国产高清在线一区二区三区| 亚洲爆乳无码一区二区三区| 国精产品一区一区三区有限公司| 久久久不卡国产精品一区二区| 久久无码人妻一区二区三区午夜| 日本一区二区三区不卡在线视频| 日韩制服国产精品一区| 一色一伦一区二区三区| 中文字幕国产一区| 在线欧美精品一区二区三区 | 国产av成人一区二区三区| 无码一区18禁3D| 亚洲日本一区二区三区在线| 成人精品一区久久久久| 日韩人妻精品一区二区三区视频 | 99久久无码一区人妻a黑| 一区二区在线视频免费观看| 亚洲午夜精品一区二区麻豆| 一本大道东京热无码一区| 国产在线一区二区杨幂| 99热门精品一区二区三区无码| 成人区人妻精品一区二区不卡视频 | 中文字幕日韩丝袜一区|