JavaScript学习笔记（二）

慕课网JavaScript进阶篇第1-6章学习笔记，JS基础语法，数组，流程控制语句，函数，事件

JavaScript学习笔记（一）

我很无语啊，在慕课网手记这里用markdown首行代码格式预览没问题，发布后会显示缩进，我重新编辑了下代码结果发布出来格式还是出错。而且最后的表格预览没问题发布后却没显示…哎T T，希望慕课网可以解决下这问题，当然，在其他地方可以看到我这篇格式没出错的笔记JavaScript学习笔记（二）

---

JS基础语法

变量赋值

  var num1 = 123;    //数值
  var num2 = "一二三"    //字符串
  var num3 = true;      //布尔值

比较操作符

<, >, <=, >=, ==, !=

其中=是赋值，==才是等于

逻辑操作符

b>a && b<c并且
b>a b<c 或
c = !(b>a) 逻辑非
操作符优先级：
算术操作符 >比较操作符 > 逻辑操作符 > "="赋值符号

---

数组

var myarray = new Array() //创建一个新数组存储在变量myarray中

数组赋值

创建一个数组，存储5个人的成绩
（1）

var myarray = new Array();
myarray[0] = 66;
        ...
myarray[4] = 59;  

(2)var myarray = new Array(66,...59) //创建数组同时赋值
(3)var myarray = [66,...59] //直接输入数组，“字面量数组”

数组增加元素

myarray[5]=88; //使用一个新索引，为数组增加一个新元素

数组属性length

var arr=[55,32,5,90,60,98,76,54];//包含8个数值的数组
arr document.write(arr.length); //显示数组长度8
document.write(arr[7]); //显示第8个元素的值54

JavaScript数组的length属性是可变的：

arr.length=10; //增大数组的长度
document.write(arr.length); //数组长度已经变为10

数组随元素增加，长度也会改变：

var arr=[98,76,54,56,76]; // 包含5个数值的数组
document.write(arr.length); //显示数组的长度5
arr[15]=34; //增加元素，使用索引为15,赋值为34
alert(arr.length); //显示数组的长度16

二维数组

var myarr=new Array();   
for(var i=0;i<3;i++){  
   myarr[i]=new Array();  
   for(var j=0;j<6;j++){   
   myarr[i][j]=i*j;   
   document.write(myarr[i][j]+" ");
   }
   document.write("<br  />");
 }

输出结果为：

0 0 0 0 0 0 
0 1 2 3 4 5 
0 2 4 6 8 10

---

流程控制语句

if...else嵌套语句

var myage =99;//赵红的年龄为99
if(myage<=44){
  document.write("青年");
  }
else if(myage<=59){ 
  document.write("中年人");
  }
else if (myage<=89){
  document.write("老年人");
  }
else{      
  document.write("长寿老年人");
  }

Switch语句

var myweek =3;//myweek表示星期几变量
switch(myweek)
{
  case 1:
    document.write("学习理念知识");
    break;
  case 3:
  case 4:
    document.write("到企业实践");
    break;
  case 5:
    document.write("总结经验");
    break;
  case 6:
    document.write("周六、日休息和娱乐");
  default:
}

输出：到企业实践

Switch必须赋初始值，值与每个case值匹配。满足执行该case后的所有语句，并用break语句来阻止运行下一个case。如所有case值都不匹配，执行default后的语句
如果case执行语句后没有break语句，会继续执行下面的case

for循环

var mymoney,sum=0;
for(mymoney=1;mymoney<=10;mymoney++){
     sum= sum + mymoney;
    }
  document.write("sum合计:"+sum);

while循环

var num=0;  //初始化值
while (num<=6){ 
  document.write("取出第"+num+"个球<br />");     
  num=num+1; //条件值更新
}

do{
  document.write("数字:"+mynum+"<br/>");
  mynum=mynum-1;
}
while(mynum >= 1)

退出循环break

for(初始条件;判断条件;循环后条件值更新){
  if(特殊情况) {
  break;
  } 
  循环代码
}

遇到“特殊情况”会立即退出循环

继续循环continue

for(初始条件;判断条件;循环后条件值更新){
  if(特殊情况) {
  continue;
  } 
  循环代码
}

遇到“特殊情况”，本次循环将被跳过，后面循环不会受到影响

---

函数

function 函数名(参数1,参数2 ){ 
  函数体;
}

参数可以多个，参数之间用逗号隔开

函数调用

function tcon()
  {
    alert("恭喜你学会函数调用了!");
  }
...
<input type="button"  value="点点我" onclick="tcon()"> //onclick点击事件，调用函数tcon() 

函数返回值

function add2(x,y){ 
  sum = x + y;
  return sum; 
}
//返回函数值,return后面的值叫做返回值

还可以通过变量存储调用函数的返回值，代码如下:

```result = add2(3,4);//语句执行后,result变量中的值为7

---

事件响应

JavaScript 创建动态页面，事件是可以被 JavaScript 侦测到的行为
主要事件表：

事件说明
:-::-:
onclick 鼠标单击
onmouseover 鼠标经过
onmouseout鼠标移开
onchange 文本框内容改变
onselect文本框内容被选中
onfocus光标聚集
onblur光标离开
onload网页导入
onunload关闭网页
调用方式为onxxx ="fun()"