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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • <!DOCTYPE html>

    <html>

     <head>

      <title> 事件</title>  

      <script type="text/javascript">

       function count(){

           

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

        var txt1=document.getElementById('txt1').value;

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

    var txt2=document.getElementById('txt2').value;

    //获取选择框的值

    var select=document.getElementById('select').value;

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

    txt1=parseFloat(txt1);

    txt2=parseFloat(txt2);

    var num;

    switch(select){

        case '+':

            num=txt1+txt2;

        break;

        case '-':

            num=txt1-txt2;

        break;

        case '*':

            num=txt1*txt2;

        break;

        case '/':

            num=txt1/txt2;

        break;

        

    }

        //设置结果输入框的值 

        var fruit=document.getElementById('fruit');

        fruit.value=num;

       }

      </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>


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

    2019-04-23

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

     var arr=[['小A','女',21,'大一'],['小B','男',23,'大三'],['小C','男',24,'大四'],['小D','女',21,'大一'],['小E','女',22,'大四'],['小F','男',21,'大一'],['小G','女',22,'大二'],['小H','女',20,'大三'],['小I','女',20,'大一'],['小J','男',20,'大三']];

     

     //筛选,找出都是大一女生的信息

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

    if (arr[i][1]=='女'&&arr[i][3]=='大一') {

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

    }

    }


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

    2019-04-23

  • <script type="text/javascript">

      var mydate=new Date();

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

      document.write("今天是:" +mydate.getDay());

    </script>

    加var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];有什么用

    查看全部
    0 采集 收起 来源:返回星期方法

    2019-04-23

  • HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HTML+CSS创建一个漂亮的页面,但这还不够,它只是静态页面而已。我们还需使用JavaScript增加行为,为网页添加动态效果。

    查看全部
    0 采集 收起 来源:让你认识JS

    2019-04-23

  • onclick=函数名();

    onclick='函数名()';

    两种都可以,必须有();

    查看全部
  • setInterval("clock()",1000)
    或
    setInterval(clock,1000)

    函数名带括号时加引号,不带就不用引号

    方法名要记得加括号!

    查看全部
  • var myarr=new Array();  //先声明一维 

    for(var i=0;i<3;i++){   //一维长度为3

       myarr[i]=new Array();  //再声明二维 

       for(var j=0;j<6;j++){   //二维长度为6

       myarr[i][j]=i*j;   // 赋值,每个数组元素的值为i*j

       }

     }

    console.log(myarr);


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

    2019-04-22

  • var star=['*','##','***','&&','****','##*'];

    star[7]='**'

     //创建数组

     alert ('数组长度为:'+star.length);

     //显示数组长度

     document.write( star[0]+'</br>'); 

     document.write( star[7]+'</br>'); 

     document.write( star[2]+'</br>'); 

     document.write( star[4]); 

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


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

    2019-04-22

  • var myarr=new Array(5);

    var myarr=new Array(1,2,3,4,5);

    var myarr=[1,2,3,4,5];

    查看全部
  • 数组

    var myarr=new Array()

    查看全部
  • 数组属性:。length

    数组方法:533295ab0001dead05190599.jpg

    查看全部
    0 采集 收起 来源: Array 数组对象

    2019-04-21

  • 创建元素节点CreateElement(tagName)

    参数

    tagName:字符串值,这个字符串用来指明创建的元素的类型

    注意:要与appendChild()或insertBefore()方法联合使用,将元素显示在页面中.


    查看全部
  • 532fe841000174db05160622.jpg532fe7cf0001e7b505170269.jpgmath方法

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

    2019-04-21

  • charAt() 方法可返回指定位置的字符。返回的字符是长度为 1 的字符串,长度是1!

    stringObject.charAt(index)
    查看全部

举报

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

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