初識JavaScript
JS的組成：
- ECMAScript:主要規(guī)定了js的組成暇检、引入方式款熬、命名規(guī)范深寥、輸出方式、變量贤牛、數(shù)據(jù)類型惋鹅、基本語法、操作語句
- DOM：document object model 文檔對象模型（可以識別文檔殉簸，操作HTML）
- BOM：browser object model 瀏覽器對象模型 （就是瀏覽器）
頁面的加載順序
先加載CSS闰集，再加載html,最后加載JS，這個(gè)一個(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="1.js"></script>
JS的注釋
- 單行注釋是雙斜杠
// 單行注釋 - 多行注釋是雙斜杠加兩個(gè)*號
/* 多行代碼 */
JS的輸出方式
- 彈框輸出
alert(1); - 在控制臺打印
console.log(123); - 在頁面輸出
document.write("I LOVE CODING");
獲取DOM元素與操作DOM
DOM指的是HTML節(jié)點(diǎn)
1.通過id獲取元素 document.getElementById("box");
2.修改html標(biāo)簽中的內(nèi)容
- innerText：只可以識別文本蝠检，不識別標(biāo)簽
document.getElementById("box").innerText = "<h1>硬件一班</h1>" - innerHTML：可以識別標(biāo)簽
document.getElementById("box").innerHTML = "<h2>硬件一班</h2>"
