js的組成:
- ECMAScripy:主要規(guī)定了js的組成、引入方式汰翠、命名規(guī)范、輸出方式昭雌、變量复唤、數(shù)據(jù)類型、基本語(yǔ)法烛卧、操作語(yǔ)句
- DOM:document object model 文檔對(duì)象模型(可以識(shí)別文檔佛纫,操作HTML)
- BOM:broser object model 瀏覽器對(duì)象模型(就是瀏覽器)
頁(yè)面的記載順序:
先加載css,在加載html总放,最后加載js呈宇,這是一個(gè)規(guī)范(習(xí)慣)。
js代碼一般在boby的后面
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)?<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)
1.通過(guò)id獲取元素 document.getElementByld(“box”);
2.修改html標(biāo)簽中的內(nèi)容
- innerText; 只可以識(shí)別文本炬搭,不識(shí)別標(biāo)簽
document.getElementByld(“box”).innerText=“<h2>硬件一班</h2>”
- innerHTML;只可以識(shí)別標(biāo)簽
document.getElementByld(“box”).innerHTML=“<h2>硬件一班</h2>”