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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 退出循环break

    在for、while、do...while循环中使用break语句退出当前循环,直接执行后面的代码。

    格式如下:

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

    当遇到特殊情况的时候,循环就会立即结束.

    查看全部
    0 采集 收起 来源:退出循环break

    2018-05-28

  • 返回/设置年份方法

    get/setFullYear() 返回/设置年份,用四位数表示。

    var mydate=new Date();//当前时间2014年3月6日 
    document.write(mydate+"<br>");//输出当前时间 
    document.write(mydate.getFullYear()+"<br>");//输出当前年份 
    mydate.setFullYear(81); //设置年份 
    document.write(mydate+"<br>"); //输出年份被设定为 0081年。


    查看全部
  • function count(){

         var oTxt1 = document.getElementById("txt1").value;

        var oTxt2 = document.getElementById("txt2").value;

        var oSlt = document.getElementById("select").value;

        var result = "";

        switch(oSlt) {

            case "+":

                result = parseFloat(oTxt1) + parseFloat(oTxt2);

                break;

            case "-":

                result = parseFloat(oTxt1) - parseFloat(oTxt2);

                break;

            case "*":

                result = parseFloat(oTxt1) * parseFloat(oTxt2);

                break;

            default:

                result = parseFloat(oTxt1) / parseFloat(oTxt2);

        

        document.getElementById("fruit").value = result;

        

       }   

        //获取第一个输入框的值

    //获取第二个输入框的值

    //获取选择框的值

    //获取通过下拉框来选择的值来改变加减乘除的运算法则

        //设置结果输入框的值 

        

       }

      </script> 

     </head> 

     <body>

       <input type='text' id='txt1' /> 

       <select id='select'>

    <option value='+'>+</option>

    <option value="-">-</option>

    <option value="*">*</option>

    <option value="/">/</option>

       </select>

       <input type='text' id='txt2' /> 

       <input type='button' value=' = ' /> <!--通过 = 按钮来调用创建的函数,得到结果--> 

       <input type='text' id='fruit' />   

     </body>


    查看全部
    0 采集 收起 来源:编程练习

    2018-05-28

  • 多重判断(if..else嵌套语句)

    要在多组语句中选择一组来执行,使用if..else嵌套语句。

    语法:

    if(条件1){ 条件1成立时执行的代码}else  if(条件2){ 条件2成立时执行的代码}
    ...else  if(条件n){ 条件n成立时执行的代码}else{ 条件1、2至n不成立时执行的代码}


    查看全部
  • 做判断(if语句)

    f语句是基于条件成立才执行相应代码时使用的语句。

    语法:

    if(条件)
    { 条件成立时执行代码}

    注意:if小写,大写字母(IF)会出错!


    查看全部
  • <!DOCTYPE HTML>

    <html>

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

    <title>window对象</title>

    <script type="text/javascript">

     alert("欢迎来到慕课网");

    function oo(){

        window.open("http://www.baidu.com","_blank","width:600px,height:400px")

    }

    </script>

    </head>

    <body>

    <form>

    <input type="button" value="点击我,打开新窗口"  onclick="oo()" />

    </form>

    </body>

    </html>


    查看全部
    0 采集 收起 来源:window对象

    2018-05-28

  • 用简单的方法创建上面的数组和赋值: 第一种方法: var myarray = new Array(66,80,90,77,59);//创建数组同时赋值 第二种方法: var myarray = [66,80,90,77,59];//直接输入一个数组(称 “字面量数组”) 注意:数组存储的数据可以是任何类型(数字、字符、布尔值等)

    查看全部
  • 二维数组

    二维数组的两个维度的索引值也是从0开始,两个维度的最后一个索引值为长度-1。 

    二维数组的定义方法一:

    var myarr=new Array();  //先声明一维 
    for(var i=0;i<2;i++){   //一维长度为2
       myarr[i]=new Array();  //再声明二维 
       for(var j=0;j<3;j++){   //二维长度为3
       myarr[i][j]=i+j;   // 赋值,每个数组元素的值为i+j
       }
     }

    二维数组的定义方法二:

     

    2. 二维数组的定义方法二

    var Myarr = [[0 , 1 , 2 ],[1 , 2 , 3]]

    注意:与C/C++的二维数组的定义不同。

    二维数组的赋值好懂:myarr[0][1]=5;

    查看全部
    0 采集 收起 来源:二维数组

    2018-05-28

  • document.write(mystr.indexOf("o",mystr.indexOf("o")+1))


    查看全部
  •  //创建数组

        var  arr = ['*','##',"***","&&","****","##*"];

        arr[7] = "**";

        //数组长度

        var l = arr.length;

        

        //删除数组中非*的项

        var i = 0;

        for(; i < l; i++){

            var val = arr[i];


            if(val != undefined) {

                var newarr = val.split('');

                var newl = newarr.length;

                for(var j = 0; j < newl; j++){

                    if(newarr[j] != '*'){

                        arr.splice(i, 1);

                        break;

                    }

                }

            }

        }


        //按照字符数排序

        arr.sort(function(a, b){

            if(a.length > b.length){

                return 1

            }else if(a.length < b.length){

                return -1

            }else{

                return 0

            }

        })

        

     

        //将数组内容输出,完成达到的效果。

        for(var i = 0; i < l; i++){

            if(arr[i] != undefined){

            document.write(arr[i] + '<br />')

            }

        }


    查看全部
    0 采集 收起 来源:编程练习

    2018-05-28

  • 了解成员数量(数组属性length)

    1,如果我们想知道数组的大小,只需引用数组的一个属性length。Length属性表示数组的长度,即数组中元素的个数。

    2,语法:myarray.lengh; //获得数组myarray的长度

    注意:因为数组的索引总是由0开始,所以一个数组索引的上下限分别是:0和length-1。如数组的长度是5,数组的上下限分别是0和4。同时,JavaScript数组的length属性是可变的,这一点需要特别注意。 

    3,

    查看全部
  • 1,一个数组变量可以存放多个数据,可以是任意同类型。

    2,数组是一个值的集合,每个值都有一个索引号,从0开始,每个索引都有一个相应的值,根据需要添加更多数值。

    3,使用数组之前首先要创建,而且需要把数组本身赋至一个变量

    4,创建数组语法: var array=new Array();  注意:首字母大写。语句是创建一个新的空数组(没有值),存储在变量array中。

    5,我们创建数组的同时,还可以为数组指定长度,如:var array=new Array(8);

    6,数组都是变长的,也就是说即使指定了长度为8,仍然可以将元素存储在规定长度以外。只需使用下一个未用的索引,任何时刻可以不断向数组增加新元素。

    7,可以创建数组的同时赋值:var myarr=new Array(11,22,33,44,55); 或 var myarr=[11,22,33,44,55] 这里

    的[11,22,33,44,55]称字面量数组。

    8,要得到一个数组元素的值,只需引用数组变量并提供一个索引。如myarr[3];

    查看全部
  • <!DOCTYPE HTML>

    <html>

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

    <title>计时器</title>

    <script type="text/javascript">

      var num=0;

      function startCount() {

        document.getElementById('count').value=num;

        num=num+1;

        setTimeout("startCount()",1000);

      }

      startCount();

    </script>

    </head>

    <body>

    <form>

    <input type="text" id="count" />

    </form>

    </body>

    </html>


    查看全部
  • <!DOCTYPE HTML>

    <html>

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

    <title>定时器</title>

    <script type="text/javascript">

      var attime;

      function clock(){

        var time=new Date();          

        attime= time.getHours()+":"+time.getMinutes()+":"+time.getSeconds() ;

        document.getElementById("clock").value = attime;

      }

      var int_id = setInterval(clock,1000);

    </script>

    </head>

    <body>

    <form>

    <input type="text" id="clock" size="50"  />

    </form>

    </body>

    </html>


    查看全部
  • <!DOCTYPE  HTML>

    <html >

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>系好安全带,准备启航</title>


    <script type="text/javascript">


      //通过javascript的日期对象来得到当前的日期,并输出。

      var date = new Date();

      var weekdays = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];

      document.write(date.getFullYear()+"年"+date.getMonth()+"月"+date.getDate()+"日"+ "&nbsp;"+ weekdays[date.getDay()]);

      

      //成绩是一长窜的字符串不好处理,找规律后分割放到数组里更好操作哦

      var scoreStr = "小明:87;小花:81;小红:97;小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76";

      var scoreArr = scoreStr.split(";");


      //从数组中将成绩撮出来,然后求和取整,并输出。

      var sum_score = 0;

      for(var i=0;i<scoreArr.length;i++) {

          var score_pos= scoreArr[i].indexOf(":")+1;

          sum_score = sum_score + parseInt(scoreArr[i].slice(score_pos));

      }

      var avg_score = Math.round(sum_score/scoreArr.length);

      document.write("--班级总分为:"+ avg_score);


    </script>

    </head>

    <body>

    </body>

    </html>


    查看全部
    0 采集 收起 来源:编程练习

    2018-05-27

举报

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

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