js的組成：
- ECMAScript : 主要規(guī)定了js的組成吏奸、引入方式、命名規(guī)范陶耍、輸出方式奋蔚。變量、數(shù)據(jù)類型烈钞、基本語法泊碑、操作語句
- DOM ： document object model 文檔對象模型 （可以識別文檔，操作HTML）
- BOM ： browser object model 瀏覽對象模型 （就是瀏覽器）
頁面的加載順序：
先加載css毯欣，再加載html馒过，最后加載js，這是一個規(guī)范（習(xí)慣）仪媒。
js代碼一般在body的后面
JS的引入方式
- 行內(nèi)式沉桌，和html寫在一行
- 內(nèi)嵌式，內(nèi)嵌式在html結(jié)構(gòu)當(dāng)中
- 外鏈?zhǔn)剿惴裕靡粋€js文件
// 行內(nèi)式
<input type="button"value="按鈕"onclick="alert(1)">
// 內(nèi)嵌式
<script>
alert(2);
</script>
// 外鏈?zhǔn)?<script src="./demo.js"></script>
JS的注釋
- 單行注釋是雙斜杠
// 單行注釋 - 多行注釋是雙斜杠加兩個*號
/* 很多行代碼 */
JS的輸出方式
- 彈框輸出
alert(1); - 在控制臺打印
console.log(123); - 在頁面中輸出
document.write("I LOVE CODING");
獲取DOM元素與操作DOM
DOM指的是HTML節(jié)點
1.通過id獲取元素 document.getElementByld("box");
2.修改html標(biāo)簽中的內(nèi)容
- innerText: 只可以識別文本留凭，不識別標(biāo)簽
document.getElementByld("box").innerText = "<h2>硬件一班</h2>" - innerHTML:可以識別標(biāo)簽
document.getElementByld("box").innerHTML = "<h2>硬件一班</h2>"
