js的組成：
- ECMAScript：主要規(guī)定了js的組成，引入方式陌兑，命名方式，輸出方式由捎，變量兔综，數(shù)據(jù)類(lèi)型，基本語(yǔ)法，操作語(yǔ)句
- DOM：document object model 文檔對(duì)象模型（可以識(shí)別文檔软驰，操作HTML
- BOM:browser object model 瀏覽器對(duì)象模型（就是瀏覽器）
頁(yè)面的加載順序：
先加載css 再加載html 最后加載js 這是一個(gè)規(guī)模（習(xí)慣）
js代碼一般在body的后面
js的引入方式
- 行內(nèi)式涧窒，和html寫(xiě)在意行
- 內(nèi)嵌式，內(nèi)嵌在html結(jié)構(gòu)當(dāng)中
- 外鏈?zhǔn)蕉Э鳎靡粋€(gè)js的文件
...
// 行內(nèi)式
<input type="button" value="按鈕" onclick="alert(1)">
// 內(nèi)嵌式
<script>
alert(2);
</script>
// 外鏈?zhǔn)?br> <script src="/demo.js"></script>
...
js的注釋
- 單行注釋是雙斜桿 `// 單行注釋·
- 多行注釋是雙斜桿加兩個(gè)號(hào) ·/很多行代碼*/·
js的輸出方式
- 彈框輸出 ·alert(1);
- 在控制臺(tái)打印 ·console.log(123);
- 在頁(yè)面中輸出 ·document.write("I LOVE CODING"):
獲取DOM元素與操作 DOM
DOM指的是html節(jié)點(diǎn)
- 通過(guò)id獲取元素·document.get ElementByid("box");
- 修改html標(biāo)簽中內(nèi)容
- innerText: 只可以識(shí)別文本纠吴，不可以識(shí)別標(biāo)簽
·docunemnt.getElemenyByld("box").innerText ="<h2>一班</h2>" - innerHTML;可以識(shí)別標(biāo)簽
·docunemnt.getElemenyByld("box").innerHTML="<h2>一班</h2>"
