为了账号安全,请及时绑定邮箱和手机立即绑定

JavaScript进阶篇

难度入门
时长 8小时55分
学习人数
综合评分9.47
2557人评价 查看评价
9.7 内容实用
9.4 简洁易懂
9.3 逻辑清晰
  • <!DOCTYPE html>

    <html>

     <head>

      <title> 事件</title>

      <script type="text/javascript">

       function count(){

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

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

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

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

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

    //获取选择框的值

        var d;

    if (c =='+'){

        d = parseInt(a)+parseInt(b);

    }

    else if (c =='-'){ //处理减法

            d = parseInt(a)-parseInt(b);

        }

        else if (c =='*'){ //处理乘法

            d = parseInt(a)*parseInt(b);

        }

        else if (c =='/'){ //处理除法

            d = parseInt(a)/parseInt(b);

        }

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

       }

      </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=' = ' onclick='count()'/> <!--通过 = 按钮来调用创建的函数,得到结果-->

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

     </body>

    </html>

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

    2023-12-20

  • <!DOCTYPE  HTML>

    <html >

    <head>

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

    <title>函数</title>


    <script type="text/javascript">

        function than(a,b){

            if(a>b){

                return a;

            }

            else if(a==b){

                return a;

            }

            else{

                return b;

            }

        }

    //定义函数





    //函数体,判断两个整数比较的三种情况


    var1=than(5,4);

    var2=than(6,3);

    var3=than(3,3);

    //调用函数,实现下面两组数中,返回较大值。

      document.write(" 5 和 4 的较大值是:"+var1+"<br>");

      document.write(" 6 和 3 的较大值是:"+var2+"<br/>" ); 

      document.write(" 3 和 3 的较大值是:"+var3+"<br/>" ); 





    </script>

    </head>

    <body>

    </body>

    </html>

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

    2023-12-16

  • <!DOCTYPE  HTML>

    <html >

    <head>

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

    <title>流程控制语句</title>

    <script type="text/javascript">

    var infos = [['小A','女',21,'大一'],  ['小B','男',23,'大三'],

        ['小C','男',24,'大四'],  

        ['小D','女',21,'大一'],

        ['小E','女',22,'大四'],  

        ['小F','男',21,'大一'],

        ['小G','女',22,'大二'],  

        ['小H','女',20,'大三'],

        ['小I','女',20,'大一'],  

        ['小J','男',20,'大三']];

     //第一步把之前的数据写成一个数组的形式,定义变量为 infos

     var x;

     for(x=0;x<=9;x++){

        switch(infos[x][3]){

            case "大一":

            switch(infos[x][1]){

                case "女":

                document.write(infos[x][0]+"<br/>");

            }

            break;

        }

     }

     //第一次筛选,找出都是大一的信息

     

      

     //第二次筛选,找出都是女生的信息

     

     

      

    </script>

    </head>

    <body>

    </body>

    </html>

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

    2023-12-16

  • <!DOCTYPE  HTML>

    <html >

    <head>

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

    <title>流程控制语句</title>

    <script type="text/javascript">

    var infos = [['小A','女',21,'大一'],  ['小B','男',23,'大三'],

        ['小C','男',24,'大四'],  

        ['小D','女',21,'大一'],

        ['小E','女',22,'大四'],  

        ['小F','男',21,'大一'],

        ['小G','女',22,'大二'],  

        ['小H','女',20,'大三'],

        ['小I','女',20,'大一'],  

        ['小J','男',20,'大三']];

     //第一步把之前的数据写成一个数组的形式,定义变量为 infos

     var x,y;

    for(x=0;x<=9;x++){

        if(infos[x][3]=="大一"){

            if(infos[x][1]=="女"){

                document.write(infos[x][0]+"<br/>");

            }

            else{}

        }

        else{}

    }

     

     //第一次筛选,找出都是大一的信息

     

      

     //第二次筛选,找出都是女生的信息

     

     

      

    </script>

    </head>

    <body>

    </body>

    </html>

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

    2023-12-16

  • <!DOCTYPE  HTML>

    <html >

    <head>

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

    <title>数组</title>

    <script type="text/javascript">

     //创建数组

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

       arr[7] = "**";

     //显示数组长度

     alert("数组的长度是:"+arr.length);

     

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

     document.write(arr[0]+"<br/>"+"<br/>");

     document.write(arr[7]+"<br/>"+"<br/>");

     document.write(arr[2]+"<br/>"+"<br/>");

     document.write(arr[4]+"<br/>");


    </script>

    </head>

    <body>

    </body>

    </html>

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

    2023-12-15

  • <!DOCTYPE HTML>

    <html>

    <head>

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

    <title>二维数组</title>

    <script type="text/javascript">

    var a= new Array();

      for(var x=0;x<3;x++){

          a[x]=new Array();

          for(var y=0;y<6;y++){

              a[x][y]=x*y;

              document.write(a[x][y]+" ");

          }

          document.write("<br>");

      }



    </script>

    </head>


    <body>

    </body>

    </html>

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

    2023-12-15

  • window.history
    查看全部
    0 采集 收起 来源:History 对象

    2023-10-28

  • 数组长度=最大索引数+1
    数组元素个数不一定等于长度,有点可能是新加数组,也没按顺序,所以会有空数组
    查看全部
  • Math.round(x)

    四舍五入;会得到距离数轴上最近的那个整数值

    查看全部
    0 采集 收起 来源:四舍五入round()

    2023-08-31

  • Math.floor(x)

    向下取整,取x在数轴上左边第一个整数

    查看全部
    0 采集 收起 来源:向下取整floor()

    2023-08-31

  • Math.ceil(x)

    向上取整,即取数轴上x右边第一个整数

    查看全部
    0 采集 收起 来源:向上取整ceil()

    2023-08-31

  • Math 对象是一个固有的对象,无需创建它,直接把 Math 作为对象使用就可以调用其所有属性和方法。这是它与Date,String对象的区别。

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

    2023-08-31

  • stringObject.substr(startPos,length)

    start必写,length可选

    start可以是负数,表示从后往前数,-1表示最后一个字符,-2表示倒数第二个字符;为负且绝对值比字符串长度大,start为0

    查看全部
  • stringObject.substring(startPos,stopPos) 

    star必写;stop可选

    1. 返回的内容是从 start开始(包含start位置的字符)到 stop-1 处的所有字符,其长度为 stop 减start。

    2. 如果参数 start 与 stop 相等,那么该方法返回的就是一个空串(即长度为 0 的字符串)。

    3. 如果 start 比 stop 大,那么该方法在提取子串之前会先交换这两个参数。

    查看全部
  • onunload 不写在标签里,使用时 window.onunload = 函数();

    查看全部

举报

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

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

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