JavaScript入门基础（三）

客官°小女子只卖身不卖艺 2022-05-30 00:13 165阅读 0赞

**目录**

--------------------

[1、JavaScript概述][1_JavaScript]

[2、HTML世界][2_HTML]

[3、JavaScript基本语法][3_JavaScript]

[4、JavaScript语句][4_JavaScript]

[5、JavaScript内置对象][5_JavaScript]

[6、Document对象][6_Document]

[7、window和frame][7_window_frame]

[8、表单对象][8]

[9、了解其他常用对象][9]

**JavaScript基本语法**

--------------------

3.1数据类型

字符串

如果字符串本身含有双引号，则收尾需用单引号括起来，相对的，如果收尾是双引号时，则双引号中可以包含成对的单引号

如：alert（'这里可以使"双引号"'）;

数字：包括正、负和零

布尔值：真（true）和假（false）

空值：null，不表示任何东西，可以用来对变量赋初值

未定义：undefined，与null不同，仅表示为定义

特殊字符：

<table style="direction:ltr; border-collapse:collapse; border-style:solid; border-color:#A3A3A3; border-width:1pt; margin-left:.7076in"> 
 <tbody> 
 <tr> 
 <td style="border-style:solid; border-color:#A3A3A3; border-width:1pt; vertical-align:top; width:.6673in; padding:4pt 4pt 4pt 4pt"> 符号 </td> 
 <td style="border-style:solid; border-color:#A3A3A3; border-width:1pt; vertical-align:top; width:1.3in; padding:4pt 4pt 4pt 4pt"> 含义 </td> 
 </tr> 
 <tr> 
 <td style="border-style:solid; border-color:#A3A3A3; border-width:1pt; vertical-align:top; width:.6673in; padding:4pt 4pt 4pt 4pt"> \b </td> 
 <td style="border-style:solid; border-color:#A3A3A3; border-width:1pt; vertical-align:top; width:1.3in; padding:4pt 4pt 4pt 4pt"> 表示退格 </td> 
 </tr> 
 <tr> 
 <td style="border-style:solid; border-color:#A3A3A3; border-width:1pt; vertical-align:top; width:.6673in; padding:4pt 4pt 4pt 4pt"> \f </td> 
 <td style="border-style:solid; border-color:#A3A3A3; border-width:1pt; vertical-align:top; width:1.3in; padding:4pt 4pt 4pt 4pt"> 表示换页 </td> 
 </tr> 
 <tr> 
 <td style="border-style:solid; border-color:#A3A3A3; border-width:1pt; vertical-align:top; width:.6673in; padding:4pt 4pt 4pt 4pt"> \n </td> 
 <td style="border-style:solid; border-color:#A3A3A3; border-width:1pt; vertical-align:top; width:1.3in; padding:4pt 4pt 4pt 4pt"> 表示换行 </td> 
 </tr> 
 <tr> 
 <td style="border-style:solid; border-color:#A3A3A3; border-width:1pt; vertical-align:top; width:.6673in; padding:4pt 4pt 4pt 4pt"> \t </td> 
 <td style="border-style:solid; border-color:#A3A3A3; border-width:1pt; vertical-align:top; width:1.3in; padding:4pt 4pt 4pt 4pt"> 表示Tab符号 </td> 
 </tr> 
 <tr> 
 <td style="border-style:solid; border-color:#A3A3A3; border-width:1pt; vertical-align:top; width:.6673in; padding:4pt 4pt 4pt 4pt"> \r </td> 
 <td style="border-style:solid; border-color:#A3A3A3; border-width:1pt; vertical-align:top; width:1.3in; padding:4pt 4pt 4pt 4pt"> 表示回车符 </td> 
 </tr> 
 <tr> 
 <td style="border-style:solid; border-color:#A3A3A3; border-width:1pt; vertical-align:top; width:.6673in; padding:4pt 4pt 4pt 4pt"> \' </td> 
 <td style="border-style:solid; border-color:#A3A3A3; border-width:1pt; vertical-align:top; width:1.3in; padding:4pt 4pt 4pt 4pt"> 表示单引号本身 </td> 
 </tr> 
 <tr> 
 <td style="border-style:solid; border-color:#A3A3A3; border-width:1pt; vertical-align:top; width:.6673in; padding:4pt 4pt 4pt 4pt"> \" </td> 
 <td style="border-style:solid; border-color:#A3A3A3; border-width:1pt; vertical-align:top; width:1.3in; padding:4pt 4pt 4pt 4pt"> 表示双引号 </td> 
 </tr> 
 <tr> 
 <td style="border-style:solid; border-color:#A3A3A3; border-width:1pt; vertical-align:top; width:.6673in; padding:4pt 4pt 4pt 4pt"> \t </td> 
 <td style="border-style:solid; border-color:#A3A3A3; border-width:1pt; vertical-align:top; width:1.3in; padding:4pt 4pt 4pt 4pt"> 表示水平制表符 </td> 
 </tr> 
 <tr> 
 <td style="border-style:solid; border-color:#A3A3A3; border-width:1pt; vertical-align:top; width:.6673in; padding:4pt 4pt 4pt 4pt"> \\ </td> 
 <td style="border-style:solid; border-color:#A3A3A3; border-width:1pt; vertical-align:top; width:1.3in; padding:4pt 4pt 4pt 4pt"> 表示反斜杠 </td> 
 </tr> 
 </tbody> 
</table>

3.2变量：可以不声明直接使用

变量声明和类型转化

varname;        //声明变量name

varage;        //声明变量age

name="李二"     //给变量name一个值

age=22;        //给变量age一个值

alert(name);       //输出name的值

alert(age);          //输出age的值

Number(X):将字符型值转换为数字

String(x):将数字型值转换成字符型值

变量命名

1、变量名必须以字母、下划线开始，后接数字、字母和下划线的组合

2、变量名不能使用空格、加和减号等等其他符号

3、保留字不能作为JavaScript中的变量名，如：var等

4、变量名区分大小写，如str和Str代表不同的变量

变量创建

JavaScript中采用的弱类型，即可以不事先声明类型，而在使用时明确。

变量声明之后并没有赋初值，这样的变量表示变量存在但类型不明，JavaScript会将其归为undefined类型。此时直接使用该变量有时会报错。

3.3表达式和运算符

表达式：分为算术运算符、字符串运算符、赋值运算符以及逻辑运算符。

运算符

1、\+、\-、\*、/运算符

2、取模%运算符

3、增量运算符\++、减量运算符\--

4、取反运算符\-（不等于减号\-）

5、>、<、>=、<=、==、!=

6、逻辑与运算符&&

7、逻辑或运算符||

8、逻辑非运算符！

9、赋值运算符=

10、条件运算符（？：）例：a>b?a:b表示如果a>b为真，则返回a，否则返回b

3.4数组

创建:vararrayName=new Array()

例：

var week=new Array(7);，创建了一个名为week的数组变量，并且定义了数组的大小为7

week\[0\]="Sunday";表示将数组中的第一个元素赋值为Sunday，如下表所示

快速创建:即将数组的值直接放到new Array()的括号中，这里实际就是直接对数组的单元进行赋值

例：

week=newArray("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday");或

week=newArray\["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"\];

表示内容如下表所示

数组长度：使用length属性获取数组的长度

二维数组

anotherArray=newArray('one','two','three');//anotherArray是一维数组

myArray=newArray(1,2,anotherArray);//myArray是二维数组

即如下分配单元：

myArray\[0\]=1;

myArray\[1\]=2;

myArray\[2\]\[0\]='one';

myArray\[2\]\[1\]='two';

myArray\[2\]\[2\]='three';

[1_JavaScript]: http://blog.csdn.net/zs15932616453/article/details/7915299
[2_HTML]: http://blog.csdn.net/zs15932616453/article/details/7919278
[3_JavaScript]: http://blog.csdn.net/zs15932616453/article/details/7939999
[4_JavaScript]: http://blog.csdn.net/zs15932616453/article/details/7948154
[5_JavaScript]: http://blog.csdn.net/zs15932616453/article/details/7956328
[6_Document]: http://blog.csdn.net/zs15932616453/article/details/7973112
[7_window_frame]: http://blog.csdn.net/zs15932616453/article/details/7989195
[8]: http://blog.csdn.net/zs15932616453/article/details/7989583
[9]: http://blog.csdn.net/zs15932616453/article/details/7985901