1)使用JavaScript
内部JS脚本
<script type="text/javascript">
......
</script>
浏览器版本较高:
<script>
......
</script>
注意:一般JS脚本放在<head></head>标签中;
但是JS脚本可以放在HTML网页的任何位置。
外部JS脚本
创建JS文件,文件后缀.js;
引入JS文件
<script src="***.js"></script>
2)变量
声明变量
//先声明变量,再赋值
var 变量名;
变量 = 值
//声明变量时赋值
var 变量名 = 值;
//不加var,直接赋值
变量名 = 值;
变量的作用域:
全局变量 —— 函数外定义的变量,可以在JS代码中任何地方使用;
局部变量 —— 函数内部定义的变量,只能在函数中使用;
变量遵守规则:先定义,后使用。
注意:js中变量名可重复;
函数语句块中,声明变量并赋值,若未加上var,那么这个变量被视为全局变量;
函数中局部变量名与全局变量重名,函数中使用的局部变量,全局变量的值不会被覆盖。
3)函数
可重复使用的代码块,在解析JS脚本时不会立即执行,在调用时才会执行;
一般用于业务逻辑的实现。
语法格式:
function 函数名([参数1,参数2,...]) {
语句块;
[return 返回值];
}
函数的调用:
函数名([参数1,参数2,...]);
var 变量名 = 函数名([参数1,参数2,...]);
形参(形式参数)—— 函数声明时定义,用于接收传递的实际参数;
也是局部变量,作用于整个函数。
实参(实际参数)—— 函数调用时,传递给函数实际值。
arguments对象:
函数调用时,传递参数形成的数组。
提取参数: arguments[index]; //index下标,从0开始
比如,提取第一个参数var arg1 = arguments[0]。
注意:实参与形参个数,不一定要匹配;
实参个数<形参个数,没有匹配到实参的,值为undefined;
实参个数>形参个数, 使用arguments对象获得超出实参的值。
带返回值的函数
函数使用return返回值;可以返回任何类型的值。
4)运算符
执行程序代码运算。
http://www.w3school.com.cn/js/js_operators.asp
算术运算符
+、-、*、/、%、++、--
关系运算符
== === != > < >= <=
逻辑运算符
&& || !
条件运算符
? :
赋值运算符
=、+=、-=、*=、/=、%=
运算符的优先级
5)数据类型
数值型
包含整数、小数。
字符型
字符串,由0..n个字符组成。
注意:单引号‘’与双引号“”没有区别,二者引起来的字符均是字符型;
‘’不能存在‘’,“”不能存在“”;一定要存在,使用转义字符\'或\"。
转义字符:
\a 响铃(BEL) 007
\b 退格(BS) ,将当前位置移到前一列 008
\f 换页(FF),将当前位置移到下页开头 012
\n 换行(LF) ,将当前位置移到下一行开头 010
\r 回车(CR) ,将当前位置移到本行开头 013
\t 水平制表(HT) (跳到下一个TAB位置) 009
\v 垂直制表(VT) 011
\\ 代表一个反斜线字符''\' 092
\' 代表一个单引号(撇号)字符 039
\" 代表一个双引号字符 034
\? 代表一个问号 063
\0 空字符(NULL) 000
\ooo 1到3位八进制数所代表的任意字符 三位八进制
\xhh 1到2位十六进制所代表的任意字符 二位十六进制
布尔型
只有两个值true(真)、false(假)
对象型
Object
对象的分类:
自定义对象
内置对象
宿主对象
数据类型之间的转换
字符转换成数值型
Number()
parseInt() //提取整数
parseFloat() //提取浮点数
布尔型转换成数值型
Number();
数值型、布尔型转换成字符型
+"";
String()
数值型、字符型转换成布尔型
Boolean()
//任意类型(包括对象型)均可以转换成Boolean型
//0、null、undefined、""、''、NaN转换成布尔型值为false;其他均为true
6)语句
7)对象
8)数组