初识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="按钮" oncllck="alert(1)">
//  内嵌式
<script>
alert(2):
</script>
//  外链式
<script src="./demo.js"></script>

JS的注释

• 单行注释是双斜杠 //单行注释
• 多行注释是双斜杠加两个号 / 很多行代码 */

JS的输出方式

• 弹框输出 alert（1）
• 在控制台打印 console.log（123）
• 在页面中输出 document（“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>"