[ JS基础语法two | 青训营笔记]

这是我参加「第五届青训营」伴学笔记创作活动的第9天

JS三部分组成

• ECMAscript javascirpt语法
• DOM页面文档对象模型
• BOM浏览器对象模型

ECMAscript

ECMAscript是由ECMA国际（原欧洲计算机制造商协会）进行标准化的一门编程语言，这种语言在万维网上应用广泛，它往往被称为Javascirpt或JScript,但实际后两者ECMAscript语言的实现和扩展

$\color{red}{ECMAscript规定了JS的编程语法和基础核心知识，是所有浏览器厂商共同遵守的一套JS语法工业标准}$

DOM文档——文档对象模型

文档对象模型（Document Object Model,简称DOM,是W3C组织推荐的处理可扩展标记语言的标准编程接口。通过DOM提供的接口可以对页面上的各种元素进行操作（大小，位置，颜色等）

BOM——浏览器对象模型

BOM（Browser Object Model,简称BOM)是指浏览器对象模型，它提供了独立于内容的，可以与浏览器窗口进行互动的对象结构，通过BOM可以操作浏览器窗口，比如弹出框，控制浏览器跳转，获取分辨率等等

JS初体验

JS有三种书写位置，分别为行内，内嵌和外部（类比CSS）

1.行内式 (写在标签里面)

• 可以将单行或少量JS代码写在HTML标签的事件属性中（以on开头的属性），如onclick
• 注意单双引号的使用：在HTML中我们推荐使用双引号，JS中我们推荐使用单引号
• 可读性差，在html中编写JS大量代码时，不方便阅读
• 引号易错，引号多层嵌套匹配时，非常容易弄混
• 特殊情况下使用

2.内嵌式（写在head里面）

• 可以将多行JS代码写到
• 内嵌JS是学习时常用的方式

3.外部（单独分离）

• 利用HTML页面代码结构化，把大段JS代码独立到HTML页面以外，既美观，也方便文件级别的复用
• 引用外部JS文件的script标签中间不可以写代码
• 适合于JS代码比较大的情况

JS注释

1. 单行注释 ctrl+/

2. 多行注释 shift+alt+a