一、JavaScript的插入
1.放在<head>
里
<head>
<script type="text/javascript">
/*JS代码*/
</script>
</head>
由于初始化的js要求提前进行,所以用于进行页面初始化的js须放在<head>
里
2.放在<body>里面
<body>
<script type="text/javascript">
/*JS代码*/
</script>
</body>
注:浏览器解析html时按先后顺序,所以里的script会先执行
3.引用JS外部文件
<head>
<script src="xxx.js"></script>
</head>
二、注释
1.单行注释 //
2.多行注释 /* …… */
三、变量
1.变量的作用:变量用于存储信息,如数值、字符等
2.声明变量: var 变量名;
3.变量名取名需遵守命名规则
- 由字母,数字,下划线和美元符号$组成,不能以数字开头,最好以字母开头
- 不能使用JavaScript关键字与保留字,如var ,new,function等
- 变量名对大小写敏感
4.变量赋值
- 先声明后赋值
var myName;
myName="haha";
- 声明同时赋值
var myName="haha";
5.一条语句中声明多个变量
var myName="Nico",age=00,fav="sudaGreen";
以var开头,用逗号分隔多个变量
6.若声明了未赋值的变量,则值为undefined
7.重新声明变量
- 若重新声明变量未赋值,则该变量的值不会丢失
var age=10;
var age;
document.write(age); //10
- 若重新声明变量后赋值,则原先的值会被后来的覆盖
var age=10;
var age=20;
document.write(age); //20
四、字面量
1.数字Number字面量:
- 整数:8888
- 小数:0.86
- 科学计数:808e6
2.字符串String字符串:
- 使用单引号:‘haha’
- 使用双引号:“haha”
3.表达式字面量:用于计算
如.
- 5+10
- 5*10
4.数组Array字面量:定义一个数组
如. [40,88,66,33,96]
5.对象Object字面量:定义一个对象
如. {firstName:”Nico”,lastName:”Pan”,eyeColor:”balck”}
6.函数Function字面量:定义一个函数
如.
function myFunc(a,b){
return a*b;
}
注:变量通过变量名访问,变量通常是可变的,字面量是一个恒定的值
五、语句
1.空格
JavaScript会忽略多余的空格
var person="Hege";
等效于
var person = "Hege";
2.对代码行进行折行
在文本字符串中使用反斜杠对代码行进行换行
如.
document.write("Hello \
World");
六、数据类型
1.七种数据类型
- 字符串String
- 数字Number
- 布尔Boolean
- 数组Array
- 对象Object
- 空Null
- 未定义Undefined
2.字符串String
- 字符串是存储字符的变量
- 使用单引号或双引号均可
3.数字Number
- 可带小数点可不带
- 可用科学计数法
4.布尔Boolean
- 布尔只有两个值,true或者false
5.数组Array
创建数组共有三种方式:
var cars = new Array();
car[0]="Saab";
cars[1]="Volvo";
cars[2]="BMW";var cars = new Array("Saab","Volvo","BMW");
var cars = ["Saab","Volvo","BMW"];
6.对象Object
对象由花括号分隔。在括号内部,对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔:
如.
var person={firstname:"John", lastname:"Doe", id:5566};
空格和折行无关紧要,声明对象可横跨多行。
对象属性有两种寻址方式:
- var name = person.firstname;
- var name = person[“firstname”];
7.空Null和未定义Undefined
Undefined 这个值表示变量不含有值。
可以通过将变量的值设置为 null 来清空变量。
如.
var car; //undefined
var name="Nico"; //String
name=null; //Null
8.JavaScript拥有动态类型,即相同的变量可用作不同的类型
如.
var x; //x为undefined
var x = 5; //x为数字
var x = "Nico"; //x为字符串
9.声明变量类型
声明新变量时,用new声明类型:
var carname=new String;
var x= new Number;
var y= new Boolean;
var cars= new Array;
var person= new Object;
注:JavaScript 变量均为对象。当声明一个变量时,就创建了一个新的对象。