JavaScript概述，入门

1.ECMAScript
1.1引入方式
A)内部
js语言写在HTML文件中
语法：

B)导入
Js语言写在js文件中
1.创建一个文本文档，后缀名为.js
2.把js语言写入到该文件中
3.把js文件导入到HTML文件中

1.2 注释
HTML：
CSS：/注释的内容/
JAVA：
//注释的内容
/注释的内容/
/*注释的内容/
JavaScript：
/注释的内容/
//注释的内容

1.3变量
语法：
Var 变量名;

数据的数据类型：
Number：数字
Boolean：true/false
String：字符串
Undefined：未定义

Typeof:判断变量的数据类型

JAVA：算术运算符、赋值运算符、逻辑运算符、比较运算符
JS：都有，但是没有|、&

With(对象名){
函数();
}

1.4流程控制语句
1.4.1 if-else
语法：
If(条件表达式/表达式){

}else{

}

<form>
    用户名:<input type="text" id="username">
</form>

1.4.2 switch
1.4.3 do-while
1.4.4 while
1.4.5 for
语法：
For(Object obj in list){

}

1.5 数组
1.5.1 方式一
语法：
Var 数组名=[];
如果通过该方式创建数组，那么和集合相似
var arr1=[];
arr1[0]=13;
arr1[1]=14;

arr1[5]=19;

arr1[100]=20;

//alert(arr1[4]);
alert(arr1.length);

//遍历数组
for(var i in arr1){
document.write(""+i+"");
}

1.5.2 方式二
语法：
Var 数组名=[数据1，数据2，数据3…];
如果通过该方式创建数组，数组的长度是根据数据个数来定，但是长度在这并没有卵用
1.5.3 方式三
语法：
Var 数组名=new Array;
和方式一一样，创建过程中不指定长度
1.5.4 方式四
语法：
Var 数组名=new Array(长度);

1.6 函数
语法：
Function 函数名(){

}
function test1(name) {
//默认提供一个arguments数组 保存参数
name=arguments[0];
alert(“这是一个方法”);
//alert(“大家好，我是”+name);
alert(arguments.length);
alert(arguments[0])
}

test1(“光头”);
注意：当我们调用函数时，传递的参数其实是传递给了函数中默认提供的数组，该数组：arguments

1.7对象
无参构造器创建
function Girl() {

}

//创建对象
var girl=new Girl();

//边赋值边创建
girl.name=“苏静妍”;
girl.age=28;
girl.sex=“女”;

girl.sleep=function () {
alert(girl.name+“在和谁睡觉”);
}

alert(girl.name);
alert(girl.age);
alert(girl.sex);
girl.sleep();

有参构造器创建
function Girl(name,age,sex) {
this.name=name;
this.age=age;
this.sex=sex;
//函数
this.sleep=function () {
alert(name+“在和光头睡觉”);
}
}

//创建对象
var girl=new Girl(“飒飒”,55,“女”);
alert(girl.name);
alert(girl.age);
alert(girl.sex);
girl.sleep();

自定义创建
var girl=new Object();

//边赋值边创建
girl.name=“飒飒”;
girl.age=32;
girl.sex=“女”;
girl.method=function () {
alert(girl.name+“凌晨3点58分在郑州希尔顿酒店”);
}

alert(girl.name);
alert(girl.age);
alert(girl.sex);
girl.method();

字面量创建
var girl={
name:“威威”,
age:50,
sex:“女”,
sleep:function () {
alert(this.name+“在和飒飒密谈4个小时”);
}
}

alert(girl.name);
alert(girl.age);
alert(girl.sex);
girl.sleep();