JavaScript入门（一）

初识JavaScript

JS的组成：

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

页面从上往下加载顺序：
先加载css 在加载html 最后加载js 这个一个建档的习惯
js代码一般在body的后面

JS的引入当时

• 行内式 和html写在一行
• 内嵌式 内嵌在html结构当中
• 外链式 引用语法JS文件
  ...
  //行内式
  <input tupe="button" value="按钮" onclicj="atert(1)">
  //内嵌式
  <script>
  alert(2):
  </scipt>
  //外链式
  <script src="./demo.js"></script>
  ...
  -单行注释是双斜杠 “//单行注释”
  -多行注释是双斜杠家两个号“/很多行代码/”

JS的输出方式

-弹框输出“alert(1)”
-在控制台打印“console.log(123)”
-在页面中输出“document.wrte("I LOVE CODING")"

获取DOM元素与操作DOM

DOM指的是HTML节点
1.通过id获取元素 ‘document,getElementByld("box")’
2.修改html标签中的内容
-innerText:只可以识别文本，不识别标签
‘document,getElementByld("box").innerText = <h2>硬件一班</h2>"

• innetHTML：可以识别标签

‘document,fetElementByled("box").innerHTML = "<h2>硬件一班</h2>"’