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>
const urlSearchParams=new URLSearchParams(window.location.search);
const queryParams=Object.fromEntries(urlSearchParams.entries());
console.log(queryParams);//成功轉(zhuǎn)換成對(duì)象
注意看url中的查詢值哦
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ò)誤)的過程。
*請(qǐng)認(rèn)真填寫需求信息,我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。