初始javascript
js的組成:
- ECMsript:主要規(guī)定了js的組成波附、引入方式艺晴、命名規(guī)范、變量掸屡、數(shù)據(jù)類型封寞、基本語法、操作語句
- DOM:document object model 文檔對象模型(可以識別文檔仅财,操作html)
- BOM: borwser object model 瀏覽器對象模型 (就是瀏覽器)
先加載css再加載html狈究,最后加載js,這是一個簡單的習慣(規(guī)范)
js一般在body的后面
js的引入方式
- 行內(nèi)式满着,和html寫在一起
- 內(nèi)嵌式谦炒,內(nèi)嵌在html結(jié)構(gòu)當中
- 外鏈式,引用一個js文件
// 行內(nèi)式
<input type="button" value="按鈕"onclick="alert(1)">
// 內(nèi)嵌式
<script>
alert(2);
</script>
// 外鏈式
<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.getElementById("box");
2.修改html標簽中的內(nèi)容
- innerText:可以識別文本风喇,不可以識別標簽
·document.getElementById("box");oDiv.innerText="<h2>硬件一班</h2>"
- innerHTML:可以識別標簽
document.getElementById("box");oDiv.innerHTML="<h2>硬件一班</h2>"