初識(shí)javaScript
js的組合:
ECMAScript:主要規(guī)定js的組成,引用方式、命名規(guī)范柬帕、輸出方式赵誓、變量们何、數(shù)據(jù)類型、基本語法、操作語句
+DOM:document object model文檔對象模型(可以識(shí)別文檔,操作HTML)
+BOM:browser object model瀏覽器對象(這就是瀏覽器)
頁面的加載順序:
先加載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="ale(1)">
//內(nèi)嵌式
<script>
alert(2);
</script>
//外鏈?zhǔn)? <script src="./demo.js"></script>
JS的注釋
- 單行注釋是雙斜杠
//單行注釋
- 多行注釋是雙斜杠加兩個(gè)*號
/*很多行代碼*/
JS的輸出方式
- 彈框輸出
alert(1);
- 在控制臺(tái)打印
console.log(123);
- 在頁面中輸出
document.write("I LOVE CODING");
獲取DOM元素與操作DOM
DOM指的是HTML節(jié)點(diǎn)
1.通過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>"