整合營(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ò)誤)的過程。


          主站蜘蛛池模板: 亚洲男女一区二区三区| 无码人妻一区二区三区兔费| 交换国产精品视频一区| 亚洲欧美日韩国产精品一区 | 国产一区二区久久久| 无码午夜人妻一区二区不卡视频| 亚洲一区二区三区深夜天堂| 在线精品一区二区三区电影| 国产一区二区视频在线播放| 少妇激情一区二区三区视频 | 国产成人精品视频一区| 中文字幕在线视频一区| 波多野结衣一区在线| 成人一区二区三区视频在线观看 | 精品一区二区三区在线成人| 熟女少妇精品一区二区| 亚洲免费一区二区| 精品伦精品一区二区三区视频| 成人一区专区在线观看| 成人免费一区二区无码视频| 精品国产一区二区三区色欲 | 成人精品一区二区电影| 日韩人妻无码一区二区三区99| 色一情一乱一区二区三区啪啪高 | 无码一区二区三区AV免费| 免费无码VA一区二区三区| 乱色精品无码一区二区国产盗| 日本精品一区二区三区在线观看| 中文字幕无码一区二区免费| 少妇无码AV无码一区| 久久se精品一区精品二区| 无码人妻AV免费一区二区三区| 一区二区三区四区精品视频| 99精品一区二区三区无码吞精| 亚洲日韩中文字幕一区| 韩国一区二区三区| 成人区精品一区二区不卡| 亚洲国产精品一区| 成人精品一区二区三区电影| 一区二区三区高清视频在线观看| 中文无码AV一区二区三区|