Javascript课程学习第一天
1、引用js的方式
（1）在<head></head>中添加<script></script>标签，在<script></script>中输入Javascript的代码
eg：
<head>
<meta charset="UTF-8">
<title>js引用练习</title>
<script>
alert("这是一个警告提示文本！");
</script>
</head>
（2）在<head></head>中添加<script></script>标签，在<script>中添加src属性，引用.js文件
eg：
<head>
<meta charset="UTF-8">
<title>js引用练习</title>
<script src="js外部引用练习.js">
</script>
</head>
/*注：这种方式下，在<script></script>的开始标签和结束标签中不添加任何js命令，即使添加，也不会被执行；如果想添加命令，需添加到.js文件中*/
（3）在<body></body>中输入html代码，运用js的部分属性
eg：
<body>
<button onclick="alert('这是一个内部的警告提示文本！')">警告</button>
</body>
/*注：js引用的方式和css有点相似，但这三种方式并没有优先级，是按照从上到下的顺序运行代码的*/
2、js的一些语句命令
（1）alert("字符串");或者alert(数字);--------弹出警告
（2）document.write("字符串");或者document.write(数字);--------在网页里写一些内容
（3）console.log("字符串")或者console.log(数字);--------在网页中记录日志
查看方式：在网页中单击右键----“审查元素”----“Console”
/*以上命令，均需在<script></script>的开始标签和结束标签中输入，且以上命令均为输出命令*/
3、变量
（1）定义变量名
var 变量名=“字符串/文本”/数字；/*=等号为给变量赋值*/ /*定义的变量名需要以字母、下划线、美元符号开头，之后接字母、下划线、美元符号、数字*/
（2）操作符
1）算数操作符：+、-、*、/、++（自增运算符：i++即为i=i+1）、--（自减运算符：i--即为i=i-1）
/*注：console.log(i++)为先输出，后自增；console.log(i++)为先自增，后输出。+不只是运算的加号，还作为连接符。优先级为先乘除，后加减*/
2）比较操作符：>、<、<=、>=、==（等于操作符，判断两侧数值是否相等）、!=（不等于操作符）、===（判断两侧除数值外，类型是否相同）
/*注：比较操作符输出的值只为：true/false*/
3）逻辑操作符：&&、||、!、^（亦或操作符：有且只有一个语句为真时，返回值为1，即真；否则返回值为0，即假）
/*注：除^操作符外，其余的逻辑操作符返回值只有true/false两种*/
4）赋值操作符：=
/*注：操作符优先级：算数>比较>逻辑>赋值*/
（3）数据类型
数字（整数、浮点型）、字符串、数组、对象、布尔（只有true、false两个值）、null（可以通过将变量的值设置为 null 来清空变量）、defined（表示变量不含有值）
4、数组
数组的定义
（1）var 变量名=newArray（数组长度）；/*可不定义数组长度，数组会根据实际数据的数量匹配合适的长度*/
变量名[0]='文本1';
变量名[1]='文本2';
变量名[2]='文本3';
console.write(变量名);
eg：
var arr=new Array();
arr[0]=1;
arr[1]=2;
arr[2]=3;
arr[3]=4;
arr[4]=5;
console.log(arr);
//注： 输出整个数组数据。[]中括号里的数据为数组的索引、编号、下标、键（任意称呼均可）
var arr1=new Array();
arr1['lxf']=1;
arr1['zj']=2;
arr1['wq']=3;
arr1[4]=4;
arr1['5']=5;
console.log(arr1);
// 注：这种以英文的字符串作为键的数组，也叫关联数组
console.log(arr1.lxf);
// 注：索引号为字符串，则输出某一数组数据可以（数组名.索引号）
// ！！！ 但索引号为数字时不可以采取上述方法 eg：console.log(arr1.4);
（2）var 变量名=newArray(’文本1','文本2','文本3');
console.log(变量名);
eg：
var arr2=new Array('李晓峰','王传友','王亚楠');
console.log(arr2);
（3）var 变量名=['文本1','文本2','文本3'];
console.log(变量名);
eg：
var arr3=['李晓峰','王传友','王亚楠'];
console.log(arr3);
（4）var 变量名={字符串1'="文本1‘’,'字符串2'="文本2",'字符串3'="文本3"};
console.log(变量名);
eg：
var arr4={'lxf':"李晓峰",'zyj':"王亚楠"}
console.log(arr4);
（5）二维数组
给数组中的某一元素定义成一个新的数组，定义数组方法同上
eg：
var arr1=new Array();
arr1['lxf']=new Array();;
arr1['zj']=2;
arr1['wq']=3;
arr1[4]=4;
arr1['5']=5;
arr1['lxf']=new Array();
arr1['lxf']['sex']='男';
arr1['lxf']['age']=30;
arr1['lxf']['score']=new Array();
console.log(arr1['lxf']); /*二维数组*/
arr1['lxf']['score']['math']=130;
arr1['lxf']['score']['English']=109;
console.log(arr1['lxf']['score']); /*三维数组*/
浙公网安备 33010602011771号