初识JavaScript

JS的组成
ECMAScript：主要规定了js的组成、引入方式、命名规范、输出方式、变量、数据类型、基本语法、操作语句
DOM： document object model 文档对象模型（可以识别文档，操作HTML）
BOM： browser object model 浏览器对象模型 （就是浏览器）

页面的加载顺序

先加载css，再加载html，最后加载js，这是一个规范（习惯）。
js代码一般在body的后面

JS的引入方式

行内式，和html写在一行
内嵌式，内嵌在html结构当中
外链式，引用一个js文件

// 行内式
<input type="button" value="按钮" onclick="alert(1)">
// 内嵌式
<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节点

通过id获取元素 document.getElementById("box");
修改html标签中的内容
innerText: 只可以识别文本，不识别标签
document.getElementById("box").innerText = "<h2>硬件一班</h2>"
innerHTML: 可以识别标签
document.getElementById("box").innerHTML = "<h2>硬件一班</h2>"