JS学习笔记

1.JavaScript基本介绍与发展

没啥好说的，看着跟Java有关，其实没有，他就是因为当时Java特别火热所以就蹭了下热度，但也不能不说这个方法贼棒，还有这个语言的强大！中间经历了一系列事（略过。。。）

---

语言发明人：

Brendan Eich（布兰登）

网景公司Brendan Eich花费了十天创造出来！（帅气）

---

JavaScript：首先它是一门脚本语言，关于客户端的，而且具有安全性，作用在对象和事件驱动上，所以连接一下，基于对象和事件驱动，并具有安全性能的客户端脚本语言。

注：js用记事本也可以写，不用编译，只要有浏览器就行。

脚本语言与编译语言的区别

主要由三部分组成：ECMAScript核心              DOM（文档对象模型）           BOM（浏览器对象模型）

区别：

2.编写JS及如何运行JS（主要有3种）

第一种：直接在html标签中直接插入（类似于html中style，直接修饰标签，如图1）

图1style用法

显示结果：1.p标签里的文字直接显示红色。图1-1

图1-1

JS书写如图2

图2,js书写（onclick开始）

显示结果：2.单击“鼠标单击”弹出一个警示框显示文字“方法一”如图2-1

图2-1

第二种：在HTML文档中写入script标签代码（类似于css中的内联，如图3）

图3-内联用法，写在head标签里

JS书写如图4，常常写在body底部，增加用户体验感。

图4<script>标签里的

显示结果：图4-1

图4-1

第三种：在*.js文件中写入JS代码，需要先创建一个js文件 ，然后引入（推荐使用，分类明确，类似css里的外联link）

与css外联相同点：都需要创建一个外部文件，然后建立连接。

js js文件内容

不同点：css外联中link是单标签且写在head里面，js中script标签是双标签可以写在body或head里面，script引入标签里写修饰无效。

JS运行检查：F12键，选择控制台（火狐浏览器）

火狐

代码注释：选中代码，按快捷键Ctrl+？/+键

---

3.变量及命名规则

var a = 10; （声明了变量a，赋值为10）

var是关键字 a是变量名 =是赋值符号 10是值

变量的命名规则：变量是由数字、字母、下划线（_）和美元符号（$）的一种或者几种组成，且不能以数字开头,严格区分大小写。关键字ECMAScript描述了一组特定用途的关键字、保留字，不能用作变量名，例如：If else do while for in 等。

4.变量的类型

1.数值(mumber)、（正数、负数、0、小数）

2.字符串(string)、（“asdf”、'saad'）

3.布尔(boolean)、    (true、false只有这两个值)

4.undefined、（只有本身一个值，通常用来判断一个变量是声明了为赋值，还是就没有声明，通俗来说就是看看变量有没有赋值）

5.null、（只有本身一个值，通常用来赋初始值，占位）

6.对象{}    （有属性和方法组成      例：var obj1 = {}；）

5.算术、赋值、关系运算符

1、算术运算符

+  -    *    /     %（取余）

2、赋值运算符

=     +=    -=   *=   /=   %=        （例：var a = 10；a += 10;document.write(a);    显示为20）

3、关系运算符

>  <  >=  <=  == （==内部发生了类型转换）

!=    ===  !== （运算结果只有两种 true false）

6.类型转换

分为：显式转换（转型函数）、隐式转换

显式转换：

基础 数据类型（number）

字符串类型直接显示（）里的内容

字符串类型（String）

布尔类型，只要数值不为零、不为NaN，字符串不空，都显示为true。

布尔类型（Boolean）

隐式转换

算数运算符 关系运算符