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节点
1.通过id获取元素 document.getElementByld("box");
2.修改html标签中的内容
- innerText: 只可以识别文本，不识别标签
document.getElementByld("box").innerText = "<h2>硬件一班</h2>" - innerHTML:可以识别标签
document.getElementByld("box").innerHTML = "<h2>硬件一班</h2>"
