前端初学者的潦草笔记第一弹(慎点,进来就上当了)

120 阅读2分钟

JavaScript的组成

JavaScript由ECMAScript,DOM, BOM三个部分组成

1,ECMAScript

ECMAScript是js的语法规则,它规定了js的语法标准。

2,DOM(文档对象模型)

DOM是“Document Object Model”de 的缩写,简称文档对象模型,由W3C指定规范。DOM定义了JavaScript操作的HTML文档的接口,提供了访问HTML文档(body,div,span,p等标签)的途径和操作方法。

3,BOM(浏览器对象模型)

BOM是“Browser Object Model” 的缩写,简称浏览器对象模型。BOM定义了JavaScript操作浏览器的接口,提供了访问某些功能(如浏览器的窗口大小,浏览器的版本信息,浏览历史记录等)的途径合操作方法。BOM并没有任何相关标准,W3C也没有对该部分做出规范,不同的浏览器有自己的BOM实现。

二,JavaScript的引入方式

JavaScript有三种引入方式,分别是行内样式,内嵌样式,外联样式

1,行内样式

行内样式.jpg

2,内嵌样式

内嵌样式.jpg

3,外联样式

外联样式.jpg

三,JavaScript的变量

变量就像是一个“容器”,用来存放一些“内容”

1,声明变量

在JavaScript中使用关键字‘var’来声明变量

        var a = 1
     // var 为声明这是一个变量的关键字
     // a   为这个变量的名字
     // =   为赋值号  赋值号前后有空格
     // 1   为这个变量的值
     console.log(a)

1.1 console.log()

往浏览器上打印一些我们想要的值

  • console.log(我们想打印的值)
  • console.log('文本') 打印文本时,需要使用引号包裹(单双均可)
  • console.log('box') 打印单词时,需要使用引号包裹(单双均可)

2,变量赋值

给变量设置值的操作称为赋值操作。

2.1 变量的赋值操作

     var a = 2;

     console.log(a); // 输出:2

这是一个最简单的赋值操作,直接将值赋给变量。

3,变量的命名

给变量命名

3.1 变量的命名规则

变量的命名规则必须遵守,不遵守话会出现报错

  • 变量名中可以包含数字、字母、下划线_、美元符号$
  • 变量名中不能出现汉字;
  • 变量名中不能包含空格;
  • 变量名不能是关键字、保留字;
  • 变量名不能以数字开头,即第一个字符不能为数字。

3.1 变量的命名规范

  • 在定义变量时,变量名要尽量有意义,让自己或者他人能轻易看懂,例如可以使用 name 来定义一个存储姓名的变量

  • 当变量名中包含多个英文单词时,推荐使用驼峰命名法(大驼峰:每个单词首字母大写,例如 FileType、DataArr;小驼峰:第一个单词首字母小写后面的单词首字母大写,例如 fileType、dataArr)。