准备工作
引用JavaScript
第一种
第二种
htmlcode
注释
//单行注释
/*
多行注释
*/
变量
建议声明,逗号隔开,下划线或驼峰
var age_a = 3
,aName = "mark";
数据类型
字符串
用引号
var a = "nihao"
,b = "3"
数值
var a = 3
布尔值
var a = true
,b = false;
数组
var a = Array();
a[0] = 1;
a[1] = "name";
或
var b = Array ( 1 , "name");
或
var c = [ 1, "name" ];
数组可以是变量、可以是其他数组
var a = []; //定义一个空数组
,name = "mark"
,b = [ 2 , "nihao" ];
a[0] =name;
a[1] = b;
关联数组
var a = [];
a["name"] = "mark";
a["age"] = 28;
对象
var a = Object();
或
var a = {};
a.name = "mark";
a.age = 28;
简洁写法
var a = { name:"mark" , age:28 }; //建议用对象去代替关联数组的表达方式
操作
+ - * /
+还可以作为字符串合二为一
var a = "name is" + "mark";
i++;//递增加1
i--;//递减1
a += b; 等于 a = a+b;
a -= b; 等于 a = a-b;
条件语句
if ( a > b ){
alert("nihao");
} else {
alert("hello");
}
比较操作符
< > >= <= == !=
=== //数据类型也必须相等
逻辑操作符
&&//逻辑与 , 两边都为true则为true
|| //逻辑或 , 两边有一边为true则为true
switch 语句用于基于不同的条件来执行不同的动作。
var day=new Date().getDay();
switch (day)
{
case 6:
x="Today it's Saturday";
break;
case 0:
x="Today it's Sunday";
break;
default: //以上条件都不符合则用默认值
x="Looking forward to the Weekend";
}
循环语句
JavaScript 支持不同类型的循环:
for - 循环代码块一定的次数
for/in - 循环遍历对象的属性
while - 当指定的条件为 true 时循环指定的代码块
do/while - 同样当指定的条件为 true 时循环指定的代码块
var a=1;
while (a<9) {
alert("nihao");
a++;
}
//do while 无论while条件是否为true都要执行一次
var a=1;
do {
alert("nihao");
a++;
}while(a<9);
for循环
for ( var i =0 , i<9 , i++) {
alert("nihao");
}
使用for和数组的lenght属性遍历数组
var a = Array ("ni","hao");
for ( var i=0,i
函数
为了代码多次使用
正真的价值在于可作为数据类型把函数调用结果赋给一个变量
function sayHi(){
var a = Array ("ni","hao");
for ( var i=0,i
模拟函数重载(以参数个数判断,使用何种方法处理参数)
//用 arguments 对象判断传递给函数的参数个数,即可模拟函数重载:
function doAdd() {
if(arguments.length == 1) {
alert(arguments[0] + 5);
} else if(arguments.length == 2) {
alert(arguments[0] + arguments[1]);
}
}
doAdd(10); //输出 "15"
doAdd(40, 20); //输出 "60"
变量的作用域
全局变量 globaal variable
局部变量 local variable
函数内部 var 声明变量为局部变量,如果未声明则默认为全局变量,若与已有全局变量重名则会改变已有全局变量的值,函数内部变量一定要用var来声明
对象object
Object.property 对象属性
Object.method() 对象方法
var mark = new person; //new关键字实例化一个对象
内建对象 native object //javascript提供对象
宿主对象 host object//浏览器预定义对象如Form Image Element
自定义对象 user-defined object