JavaScript入门

初识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="ale(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>"