首页 > 开发 > 前端 > 正文

JavaScript学习笔记(二)

2016-07-25 21:26:56  来源:慕课网
  慕课网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; //使用一个新索引,为数组增加一个新元素
数组属性lengthvar arr=[55,32,5,90,60,98,76,54];//包含8个数值的数组arr document.write(arr.length); //显示数组长度8document.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); //显示数组的长度5arr[15]=34; //增加元素,使用索引为15,赋值为34alert(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;//赵红的年龄为99if(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; } 循环代码}  遇到“特殊情况”会立即退出循环
继续循环continuefor(初始条件;判断条件;循环后条件值更新){ 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()"