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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 函数调用:

    1、在js中调用:function();

    2、在html文件中调用:onclick=“function()”

    查看全部
    0 采集 收起 来源:函数调用

    2018-07-19

  •  二维数组的定义方法一

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


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

    2018-07-19

  • 创建数组语法:

    var myarray=new Array();

              
     我们创建数组的同时,还可以为数组指定长度,长度可任意指定。

    var myarray= new Array(8); //创建数组,存储8个数据。

    注意:
    1.创建的新数组是空数组,没有值,如输出,则显示undefined。
    2.虽然创建数组时,指定了长度,但实际上数组都是变长的,也就是说即使指定了长度为8,仍然可以将元素存储在规定长度以外。

     


    查看全部
  •  while(childs.length>0){

          content.removeChild(childs[0]);

      }

    }

    一次清除所有,

    查看全部
  • 未赋值的数组元素显示为undefined

    undefined+已定义并赋值的变量= =NaN(这个还有待验证,面试比较常考)

    https://img1.sycdn.imooc.com//5b5045520001f05e06990453.jpg

    查看全部
  • js中数组的初始化赋值有两种形式

    1、var array = new Array(1,32,3,4,5)

    2、var array = [1,2,3,4,4];

    一个数组里面可以包含多种不同类型的数据

    查看全部
  • var array = new Array() //使用的是java生成数组对象

    1、如果数组元素不存在,显示undefined

    2、不管定义数组时是否指定数组的长度,数组的长度都是可变的


    查看全部
  • 先拿到date才能拿到year,没有单独直接拿年的方法

    查看全部
  • 也可以在算式中声明为整,但是运算多的时候就比较麻烦。

    这一题有点坑在于后面掉了一个onclick,不仔细看很容易漏!!!所以开始跑的时候可以仔细检查一下代码

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

    2018-07-19

  • <!DOCTYPE html>

    <html>

     <head>

      <title> 事件</title>  

      <script type="text/javascript">

       function count(){

           

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

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

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

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

    //获取选择框的值

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

    var num3;

    switch (mychar)

    {

       case "*":

      num3=parseFloat(num1)*parseFloat(num2);

      break;

      case "+":

          num3=parseFloat(num1)+parseFloat(num2);

          break;

      case "-":

          num3=parseFloat(num1)-parseFloat(num2);

          break;

      case "/":

          if(parseFloat(num2)!=0)

          {

          num3=parseFloat(num1)/parseFloat(num2);

          }

          else

          {

              alert("除数不能为0");

          }

          break;

    }

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

        //设置结果输入框的值 

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

        

       }

      </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 采集 收起 来源:编程练习

    2018-07-19

  • typeof 是一个一元运算,放在一个运算数之前,运算数可以是任意类型。
    它返回值是一个字符串,该字符串说明运算数的类型。

    你 知道下面typeof运算的结果吗?

    typeof(1);
    typeof(NaN);
    typeof(Number.MIN_VALUE);
    typeof(Infinity);
    typeof("123");
    typeof(true);
    typeof(window);
    typeof(document);
    typeof(null);
    typeof(eval);
    typeof(Date);
    typeof(sss);
    typeof(undefined);

    看 看你会几个?

    如果看了以后,不是很明白的话,请看下面(明白的人就不用往下看了):
    typeof是一个一元运算符,它返回的结果 始终是一个字符串,对不同的操作数,它返回不同的结果。
    具体的规则如下:
    一、对于数字类型的操作数而言, typeof 返回的值是 number。比如说:typeof(1),返回的值就是number。
    上面是举的常规数字,对于非常规的数字类型而言,其结果返回的也是number。比如typeof(NaN),NaN在
    JavaScript中代表的是特殊非数字值,虽然它本身是一个数字类型。
    在JavaScript中,特殊的数字类型还有几种:
    Infinity 表示无穷大特殊值
    NaN            特殊的非数字值
    Number.MAX_VALUE     可表示的最大数字
    Number.MIN_VALUE     可表示的最小数字(与零最接近)
    Number.NaN         特殊的非数字值
    Number.POSITIVE_INFINITY 表示正无穷大的特殊值
    Number.NEGATIVE_INFINITY  表 示负无穷大的特殊值

    以上特殊类型,在用typeof进行运算进,其结果都将是number。

    二、对于字符串类型, typeof 返回的值是 string。比如typeof("123")返回的值是string。 
    三、对于布尔类型, typeof 返回的值是 boolean 。比如typeof(true)返回的值是boolean。
    四、对于对象、数组、null 返回的值是 object 。比如typeof(window),typeof(document),typeof(null)返回的值都是object。
    五、 对于函数类型,返回的值是 function。比如:typeof(eval),typeof(Date)返回的值都是function。
    六、如 果运算数是没有定义的(比如说不存在的变量、函数或者undefined),将返回undefined。比如:typeof(sss)、typeof(undefined)都返回undefined。

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

    2018-07-19

  • <h4>typeof操作符:</h4><p>  typeof是确定变量是字符串,数值,布尔值,还是undefined的最佳工具</p><p>  undefined       值未定义</p><p>  Boolean         是布尔值</p><p>  string           字符串</p><p>  number       是数值</p><p>  function       是函数</p><p>  object          是对象或null</p><p><br /></p>
    查看全部
    0 采集 收起 来源:退出循环break

    2020-09-11

  • getDay() 返回星期,返回的是0-6的数字,0 表示星期天。如果要返回相对应“星期”,通过数组完成,代码如下:

    <script type="text/javascript">
      var mydate=new Date();//定义日期对象
      var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];//定义数组对象,给每个数组项赋值
      var mynum=mydate.getDay();//返回值存储在变量mynum中  document.write(mydate.getDay());//输出getDay()获取值
      document.write("今天是:"+ weekday[mynum]);//输出星期几</script>


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

    2018-07-19

  • <!DOCTYPE html>

    <html>

     <head>

      <title> 事件</title>  

      <script type="text/javascript">

       function count(){

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

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

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

           var input3="";

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

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

    //获取选择框的值

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

        //设置结果输入框的值 

           switch(selsct){

               case "+":

               input3=parseInt(input1)+parseInt(input2);

               break;

               case"-":

               input3=parseInt(input1)-parseInt(input2);

               break;

               case"*":

               input3=parseInt(input1)*parseInt(input2);

               break;

               case"/":

               input3=parseInt(input1)/parseInt(input2);

               break;

           };

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

       };

      </script> 

     </head> 

     <body>

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

       <select id='select'>

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

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

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

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

       </select>

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

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

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

     </body>

    </html>


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

    2018-07-19

  • <!DOCTYPE html>

    <html>

    <head>

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

    <title>Math </title>

    <script type="text/javascript">

        function intRandom(){

            // document.write(Math.round((Math.random())*10));

            var txt = document.getElementById("txt");

            txt.value=Math.round((Math.random())*10);

        }

    </script>

    </head>

    <body>

        <form>

            <input id="txt" type="text" value="生成的随机数在这里显示">

            <input type="button" value="重新生成随机数" onclick="intRandom()">

        </form>

    </body>

    </html>


    查看全部
    0 采集 收起 来源:随机数 random()

    2018-07-19

举报

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

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