JS的組成
- ECMAScript：主要規(guī)定了js的組成讼溺、引入方式、命名規(guī)范最易、輸出方式怒坯、變量、數(shù)據(jù)類型藻懒、基本語(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寫在一行
- 內(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)
- 通過id獲取元素
document.getElementById("box"); - 修改html標(biāo)簽中的內(nèi)容
- innerText: 只可以識(shí)別文本舱污，不識(shí)別標(biāo)簽
document.getElementById("box").innerText = "<h2>硬件一班</h2>" - innerHTML: 可以識(shí)別標(biāo)簽
document.getElementById("box").innerHTML = "<h2>硬件一班</h2>"
</article>
