初始JavaScript
js的組成:
ECMAScript:朱啊喲規(guī)定了js的組成、引入方法计贰、命名規(guī)范钦睡、輸出方式、變量躁倒、數(shù)據(jù)類型荞怒、基礎(chǔ)語法、操作語句
- DOM : document object model 文檔對象模型(可以認(rèn)識別文檔秧秉,才做HTML)
- BOM : borwser object model 瀏覽器對象模型(就是瀏覽器)
頁面的加載順序:
先加載css褐桌,再加載html,最后加載js象迎,這是一個規(guī)范(習(xí)慣)撩嚼。
js代碼一般在body的后邊
JS的引入方式
- 行內(nèi)式,和html寫在一行
- 內(nèi)嵌式,內(nèi)嵌再html結(jié)構(gòu)中
- 外鏈?zhǔn)酵昀觯靡粋€js文件
// 行內(nèi)式
<input type="button" value"按鈕" onclick="alet(1)">
//內(nèi)嵌式
<script>
alert(2)
</script>
//外鏈?zhǔn)?<sctipt src="./demo.js"></script>
JS的注釋
- 單行注釋是雙斜杠“//單行注釋”
碼*/’ - 多行注釋是雙斜杠加兩個號‘/很多行代
JS的輸出方式
- 彈框輸入'alert(1)'
- 在控制臺打印'console.log(123)'
- 在頁面中輸出'document.write("I LOVE CODING ")'
獲取DOM元素與操作DOM
DOM指的是HTML節(jié)點(diǎn)
- 通過id獲取元素'doument.getElementByld("box");'
2.修改html標(biāo)簽中的內(nèi)容
- innerHTML:可以識別標(biāo)簽
document.getElementByld("box")innerText = "<h2>硬件一班</h2>"
- innerHTML:可以識別標(biāo)簽
document.getElementBYld(box).innerHTML = "<h2>硬件一班</h2>"