初始javaScript
js的組成:
- ECMAScript:主要規(guī)定了js的組成,引入方式鹰祸,命名規(guī)范甫窟,輸出方式,變量蛙婴,數(shù)理類型粗井,基本語法,操作語句街图。
- DOM:document object model 文檔對象模型(可以識別文檔浇衬,操作+HTML)
- BOM:borwser 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="./domo.js"></script>
JS的注釋
- 單行注釋是雙斜杠
//單行注釋
- 多行注釋是雙斜杠加兩個*號
/* 很多行代碼 */
JS的輸出方式
- 彈框輸出
alert(1);
- 在頁面中輸出
document.writ.write("I LOVE CODING");
獲取DOM元素與操作DOM
DOM指的是HTML節(jié)點(diǎn)
1.通過id獲取元素 document.getElementByld("box");
2.修改html標(biāo)簽中的內(nèi)容
- innerText:只可以識別文本滚朵,不識別標(biāo)簽
document.getElementByld("box").innerText=“<he>硬件一班</h2> "
- innerHTML:可以識別標(biāo)簽
document.getElementByld("box").innerHTML=”<h2>硬件一班</h2>"