为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
JavaScript进阶篇_学习笔记_慕课网
为了账号安全,请及时绑定邮箱和手机立即绑定

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 退出循环break 在while、for、do...while、while循环中使用break语句退出当前循环,直接执行后面的代码。 格式如下: for(初始条件;判断条件;循环后条件值更新) { if(特殊情况) {break;} 循环代码 } 当遇到特殊情况的时候,循环就会立即结束。看看下面的例子,输出10个数,如果数值为5,就停止输出。 退出循环break 在while、for、do...while、while循环中使用break语句退出当前循环,直接执行后面的代码。 格式如下: for(初始条件;判断条件;循环后条件值更新) { if(特殊情况) {break;} 循环代码 } 当遇到特殊情况的时候,循环就会立即结束。看看下面的例子,输出10个数,如果数值为5,就停止输出。 执行结果: 注:当num=5的时候循环就会结束,不会输出后面循环的内容。 执行结果: 注:当num=5的时候循环就会结束,不会输出后面循环的内容。
    查看全部
    0 采集 收起 来源:退出循环break

    2015-02-08

  • 来来回回(Do...while循环) do while结构的基本原理和while结构是基本相同的,但是它保证循环体至少被执行一次。因为它是先执行代码,后判断条件,如果条件为真,继续循环。 do...while语句结构: do { 循环语句 } while(判断条件) 我们试着输出5个数字。 <script type="text/javascript"> num= 1; do { document.write("数值为:" + num+"<br />"); num++; //更新条件 } while (num<=5) </script> 执行结果: 为什么呢?我们来看下执行思路:
    查看全部
  • 反反复复(while循环) 和for循环有相同功能的还有while循环, while循环重复执行一段代码,直到某个条件不再满足。 while语句结构: while(判断条件) { 循环语句 } 使用while循环,完成从盒子里取球的动作,每次取一个,共6个球。 <script type="text/javascript"> var num=0; //初始化值 while (num<=6) //条件判断 { document.write("取出第"+num+"个球<br />"); num=num+1; //条件值更新 } </script>
    查看全部
  • 重复重复(for循环) 很多事情不只是做一次,要重复做。如打印10份试卷,每次打印一份,重复这个动作,直到打印完成。这些事情,我们使用循环语句来完成,循环语句,就是重复执行一段代码。 for语句结构: for(初始化变量;循环条件;循环迭代) { 循环语句 } 假如,一个盒子里有6个球,我们每次取一个,重复从盒中取出球,直到球取完为止。 <script type="text/javascript"> var num=1; for (num=1;num<=6;num++) //初始化值;循环条件;循环后条件值更新 { document.write("取出第"+num+"个球<br />"); } </script> 结果: 执行思路:
    查看全部
  • 多种选择(Switch语句) 当有很多种选项的时候,switch比if else使用更方便。 语法: switch(表达式) { case值1: 执行代码块 1 break; case值2: 执行代码块 2 break; ... case值n: 执行代码块 n break; default: 与 case值1 、 case值2...case值n 不同时执行的代码 } 语法说明: Switch必须赋初始值,值与每个case值匹配。满足执行该 case 后的所有语句,并用break语句来阻止运行下一个case。如所有case值都不匹配,执行default后的语句。 假设评价学生的考试成绩,10分满分制,我们按照每一分一个等级将成绩分等,并根据成绩的等级做出不同的评价。 代码如下: 执行结果: 评语: 及格,加油! 注意:记得在case所执行的语句后添加上一个break语句。否则就直接继续执行下面的case中的语句,看以下代码: 执行结果: 评语: 继续努力! 评语: 及格,加油! 评语: 凑合,奋进 评语: 很棒,很棒 评语: 高手,大牛 在上面的代码中,没有break停止语句,如果成绩是4分,则case 5后面的语句将会得到执行,同样,case6、7-10后面的语句都会得到执行。
    查看全部
  • <script type="text/javascript"> //通过javascript的日期对象来得到当前的日期,并输出。 var mydate=new Date(); var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"]; document.write( + mydate.getFullYear()+"年"+mydate.getMonth()+"月"+mydate.getDate()+"日"+weekday[mydate.getDay()]); //成绩是一长窜的字符串不好处理,找规律后分割放到数组里更好操作哦 var sorceStr = "小明:87;小花:81;小红:97;小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76"; //从数组中将成绩撮出来,然后求和取整,并输出。 var sourceArr = sorceStr.split(";"); //document.write(sourceArr);//test //从数组中将成绩撮出来,然后求和取整,并输出。 var score = new Array(); var sum = 0; for (var i = 0; i < sourceArr.length; i ++) { sum += parseInt(sourceArr[i].substr(sourceArr[i].indexOf(":")+1)); //document.write("<br>" + sum);//test } document.write("--班级总分为:" + sum); document.write(",班级平均分为(保留整数):" + Math.round(sum/sourceArr.length)) </script>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 多重判断(if..else嵌套语句) 要在多组语句中选择一组来执行,使用if..else嵌套语句。 语法: if(条件1) { 条件1成立时执行的代码} else if(条件2) { 条件2成立时执行的代码} ... else if(条件n) { 条件n成立时执行的代码} else { 条件1、2至n不成立时执行的代码} 假设数学考试,小明考了86分,给他做个评价,60分以下的不及格,60(包含60分)-75分为良好,75(包含75分)-85分为很好,85(包含75分)-100优秀。 代码表示如下: 结果:
    查看全部
  • 二选一 (if...else语句) if...else语句是在指定的条件成立时执行代码,在条件不成立时执行else后的代码。 语法: if(条件) { 条件成立时执行的代码} else {条件不成立时执行的代码} 假设你应聘web前端技术开发岗位,如果你会HTML技术,你面试成功,欢迎加入公司,否则你面试不成功,不能加入公司。 代码表示如下: <script type="text/javascript"> var mycarrer = "HTML"; //mycarrer变量存储技能 if (mycarrer == "HTML") { document.write("你面试成功,欢迎加入公司。"); } else //否则,技能不是HTML { document.write("你面试不成功,不能加入公司。");} </script>
    查看全部
  • 使用userAgent判断使用的是什么浏览器
    查看全部
    0 采集 收起 来源:userAgent

    2015-02-08

  • <script type="text/javascript"> //通过javascript的日期对象来得到当前的日期,并输出。 var date = new Date(); var year = date.getFullYear(); var month = date.getMonth()+1; var day = date.getDate(); var week = date.getDay(); var hour = date.getHours(); var minute = date.getMinutes(); var second = date.getSeconds(); var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"]; document.write( year +'年'+ month +'月'+ day +'日'+ weekday[week] +hour+":"+minute+":"+second ); //成绩是一长窜的字符串不好处理,找规律后分割放到数组里更好操作哦 var scoreStr = "小明:87;小花:81;小红:97;小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76"; var arr = scoreStr.split(';'); //document.write(arr); var num = 0; //从数组中将成绩撮出来,然后求和取整,并输出。 for(var i=0;i<arr.length;i++){ num+=parseInt(arr[i].substr(3,2)); //num+=parseInt(arr[i].substring(3,5)); } var average =Math.round(num/arr.length); document.write("--班级总分为:"+ average); </script>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 颠倒数组元素顺序reverse() reverse() 方法用于颠倒数组中元素的顺序。 语法: arrayObject.reverse() 注意:该方法会改变原来的数组,而不会创建新的数组。 定义数组myarr并赋值,然后颠倒其元素的顺序: <script type="text/javascript"> var myarr = new Array(3) myarr[0] = "1" myarr[1] = "2" myarr[2] = "3" document.write(myarr + "<br />") document.write(myarr.reverse()) </script> 运行结果: 1,2,3 3,2,1
    查看全部
  • join()方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。 语法: arrayObject.join(分隔符) 参数说明: 注意:返回一个字符串,该字符串把数组中的各个元素串起来,用<分隔符>置于元素与元素之间。这个方法不影响数组原本的内容。 我们使用join()方法,将数组的所有元素放入一个字符串中,代码如下: <script type="text/javascript"> var myarr = new Array(3); myarr[0] = "I"; myarr[1] = "love"; myarr[2] = "JavaScript"; document.write(myarr.join()); </script> 运行结果: I,love,JavaScript 我们将使用分隔符来分隔数组中的元素,代码如下: <script type="text/javascript"> var myarr = new Array(3) myarr[0] = "I"; myarr[1] = "love"; myarr[2] = "JavaScript"; document.write(myarr.join(".")); </script> 运行结果: I.love.JavaScript
    查看全部
  • con获取的是数组,调用时要加[i]
    查看全部
  • 我们创建一个数组,将把 concat() 中的参数连接到数组 myarr 中,代码如下: <script type="text/javascript"> var mya = new Array(3); mya[0] = "1"; mya[1] = "2"; mya[2] = "3"; document.write(mya.concat(4,5)+"<br>"); document.write(mya); </script> 运行结果: 1,2,3,4,5 1,2,3 我们创建了三个数组,然后使用 concat() 把它们连接起来,代码如下: <script type="text/javascript"> var mya1= new Array("hello!") var mya2= new Array("I","love"); var mya3= new Array("JavaScript","!"); var mya4=mya1.concat(mya2,mya3); document.write(mya4); </script> 运行结果: hello!,I,love,JavaScript,!
    查看全部
  • 做判断(if语句) if语句是基于条件成立才执行相应代码时使用的语句。 语法: if(条件) { 条件成立时执行代码} 注意:if小写,大写字母(IF)会出错! 假设你应聘web前端技术开发岗位,如果你会HTML技术,你面试成功,欢迎加入公司。代码表示如下: <script type="text/javascript"> var mycarrer = "HTML"; if (mycarrer == "HTML") { document.write("你面试成功,欢迎加入公司。"); } </script>
    查看全部

举报

0/150
提交
取消
课程须知
你需要具备HTML、css基础知识,建议同学们也可以想学习下js入门篇,快速认识js,熟悉js基本语法,更加快速入手进阶篇!
老师告诉你能学到什么?
通过JavaScript学习,掌握基本语法,制作简单交互式页面
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!