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节点

1. 通过id获取元素·document.get ElementByid("box");
2. 修改html标签中内容

• innerText: 只可以识别文本，不可以识别标签
  ·docunemnt.getElemenyByld("box").innerText ="<h2>一班</h2>"
• innerHTML;可以识别标签
  ·docunemnt.getElemenyByld("box").innerHTML="<h2>一班</h2>"