4月8日学习笔记（js基础）

<script>标签放在<body>和<head>

放在 <head></head> 里的会比放在 <body></body> 先执行。head 标签里的代码会在页面还未开始绘制之前被解析，而在 body 里的代码则会在页面渲染的同时在读取到这段代码的时候才被执行。

js变量命名

1.由字母、数字、下划线组成，区分大小写

2.以字母开头

3.变量名不能有空格

4.不能使用 JavaScript 中的关键字做变量名

js加法

number+string和string+string结果都是字符串的排列。

js函数声明

无论同一名字的函数声明几次，无论什么时候执行，结果都是最后一次声明的函数的返回值。

创建对象

但是以上方法在创建多个对象时，会产生大量重复代码，所以我们也可以采用函数的方式新建对象：

 function student(name,age) {

     this.name = name;

     this.age = age;

     this.study = function() {

         alert("studying");

     };

     this.eat = function() {

         alert("eating");

     }

 }

然后通过 new 创建 student 对象的实例：

 var student1 = new student('Tom','19');

 var student2 = new student('Jack','20');

String 对象

（1）String 对象只有一个属性，即 length，表示字符串中的字符个数，包括所有的空格和符号。

（2）String 对象共有 19 个内置方法，主要包括字符串在页面中的显示、字体大小、字体颜色、字符的搜索以及字符的大小写转换等功能，下面是一些常用的：

1. charAt(n) ：返回该字符串第 n 位的单个字符。（从 0 开始计数）

2. charCodeAt(n) ：返回该字符串第 n 位的单个字符的 ASCII 码。

3. indexOf() ：用法：string_1.indexOf(string_2,n); 从字符串 string_1 的第 n 位开始搜索，查找 string_2，返回查找到的位置，如果未找到，则返回 -1，其中 n 可以不填，默认从第 0 位开始查找。

4. lastIndexOf() ：跟 indexOf() 相似，不过是从后边开始找。

5. split('分隔符') ：将字符串按照指定的分隔符分离开，返回一个数组，例如：'1&2&345&678'.split('&')；返回数组：1,2,345,678。

6. substring(n,m) ：返回原字符串从 n 位置到 m 位置的子串。

7. substr(n,x) ：返回原字符串从 n 位置开始，长度为 x 的子串。

8. toLowerCase() ：返回把原字符串所有大写字母都变成小写的字符串。

9. toUpperCase() ：返回把原字符串所有小写字母都变成大写的字符串。

Math对象

(1)Math 的属性

E ：返回常数 e (2.718281828...)。

LN2 ：返回 2 的自然对数 (ln 2)。

LN10 ：返回 10 的自然对数 (ln 10)。

LOG2E ：返回以 2 为低的 e 的对数 (log2e)。

LOG10E ：返回以 10 为低的 e 的对数 (log10e)。

PI ：返回π（3.1415926535...)。

SQRT1_2 ：返回 1/2 的平方根。

SQRT2 ：返回 2 的平方根。

(2)Math 的方法

abs(x) ：返回 x 的绝对值。

round(x) ：返回 x 四舍五入后的值。

sqrt(x) ：返回 x 的平方根。

ceil(x) ：返回大于等于 x 的最小整数。

floor(x) ：返回小于等于 x 的最大整数。

sin(x) ：返回 x 的正弦。

cos(x) ：返回 x 的余弦。

tan(x) ：返回 x 的正切。

acos(x) ：返回 x 的反余弦值（余弦值等于 x 的角度），用弧度表示。

asin(x) ：返回 x 的反正弦值。

atan(x) ：返回 x 的反正切值。

exp(x) ：返回 e 的 x 次幂 (e^x)。

pow(n, m) ：返回 n 的 m 次幂 (nm)。

log(x) ：返回 x 的自然对数 (ln x)。

max(a, b) ：返回 a, b 中较大的数。

min(a, b) ：返回 a, b 中较小的数。

random() ：返回大于 0 小于 1 的一个随机数。

Array对象

(1)Array 的属性

length ：返回数组的长度，即数组里有多少个元素。它等于数组里最后一个元素的下标加一。

因此，想添加一个元素，只需要：

`` myArray[myArray.length] = ...; ```

(2)Array 的方法

join("指定分隔符") ：返回一个字符串，把数组元素串起来，元素间用指定分隔符隔开。

toString() ：把数组转为字符串，并返回结果。

reverse() ：使数组元素倒序。

slice(n,m) ：返回子数组，从数组第 n 个元素到第 m 个元素。

sort(SortFunction) ：按照指定的 SortFunction 将数组的元素排序。

concat(Array_1,Array_2) ：用于连接两个或多个数组

DOM节点

对于 HTML 文档，节点主要有以下六种类型：