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

JavaScript进阶篇

难度入门
时长 8小时55分
学习人数
综合评分9.47
2557人评价 查看评价
9.7 内容实用
9.4 简洁易懂
9.3 逻辑清晰
  • var a=10;

    var b=2;

    var result = a+b;

    result =102;结果是字符串的拼接

    var result= Number(a) +Number(b);

    result = 12;

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

    2020-06-08

  • <!DOCTYPE html>

    <html>

    <head>

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

    <title>Array对象 </title>

    <script type="text/javascript">

       function sortNum(a,b) {

         return b - a;

       }

    var myarr = new Array("80","16","50","6","100","1");

    document.write(myarr.sort(sortNum));

    </script>

    </head>

    <body>

    </body>

    </html>


    查看全部
    0 采集 收起 来源: 数组排序sort()

    2020-06-08

  • sort()方法使数组中的元素按照一定的顺序排列。

    语法:

    arrayObject.sort(方法函数)

    参数说明:

    1.如果不指定<方法函数>,则按unicode码顺序排列。

    2.如果指定<方法函数>,则按<方法函数>所指定的排序方法排序。

    myArray.sort(sortMethod);

    注意: 该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b,其返回值如下: 

      若返回值<=-1,则表示 A 在排序后的序列中出现在 B 之前。
      若返回值>-1 && <1,则表示 A 和 B 具有相同的排序顺序。
      若返回值>=1,则表示 A 在排序后的序列中出现在 B 之后。


    查看全部
    0 采集 收起 来源: 数组排序sort()

    2020-06-08

  • 访问子节点的第一和最后项

    一、firstChild属性返回‘childNodes’数组的第一个子节点,如果选定的节点没有子节点,则该属性返回NULL。

    语法:

    node.firstChild

    说明:与elementNode.childNodes[0]是同样的效果。


    查看全部
  • 从窗口被打开的那一刻开始记录,每个浏览器窗口、每个标签页乃至每个框架,都有自己的history对象与特定的window对象关联。

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

    2020-06-05

  • 不同浏览器节点数量不同

    查看全部
  • 事件

    1. 点击事件 onClick

    2. 鼠标经过事件onmouseover

    3. 鼠标移开事件 onmouseout

    4. 光标聚焦事件onfocus

    5. 失焦事件 onblur

    6. 选中事件 onselect

    7. 文本框内容改变事件 onchange

    8. 卸载事件(页面关闭或者刷新操作) onunload

    查看全部
  • 使用字符串转换成int的方法 不过只能转化被当成 字符串的纯数字(如:var num=“5”);
    
    方法:parseInt([String]);
    
         var myweek = parseInt([prompt("日程安排:")]);
         
     把你的prompt("日程安排:") 放进去!  
         
     想好看点的话 就创建第二个变量接收也行:
             var myweek = prompt("日程安排:"); 
             var myweek1 = parseInt([myweek]);


    查看全部
  • <!DOCTYPE html>

    <html>

    <head>

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

    <title>Array对象 </title>

    <script type="text/javascript">

       var myarr1= ["我","爱","你"];

       document.write(myarr1 + "<br>");

      document.write(myarr1.slice(1,2) + "<br>");

      document.write(myarr1.slice(2,3) + "<br>");

      document.write(myarr1);

    </script>

    </head>

    <body>

    </body>

    </html>


    查看全部
    0 采集 收起 来源:选定元素slice()

    2020-06-04

  • <!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 fullyear=date.getFullYear();

      var month=date.getMonth();

      var day=date.getDay();

      var hours=date.getHours();

      var minutes=date.getMinutes();

      var seconds=date.getSeconds();

      document.write(fullyear+"年"+month+"月"+"星期"+day+'    '+hours+"时"+minutes+'分'+seconds+'秒');


      

      

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

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

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

         parseInt(num);

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

      document.write("<br>" +num);


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

        var sum = 0;

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

        var score = num[i].substr('3');

         sum += parseInt(score);

      }


      document.write("<br>" + "总分为:" + sum);

      document.write("<br>" + "平均分为:" + sum/(num.length));



    </script>

    </head>

    <body>

    </body>

    </html>


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

    2020-06-04

  • 数组定义的方法:

    1. 定义了一个空数组:

    var  数组名= new Array();

    2. 定义时指定有n个空元素的数组:

    var 数组名 =new Array(n);

    3.定义数组的时候,直接初始化数据:

    var  数组名 = [<元素1>, <元素2>, <元素3>...];

    我们定义myArray数组,并赋值,代码如下:

    var myArray = [2, 8, 6];

    说明:定义了一个数组 myArray,里边的元素是:myArray[0] = 2; myArray[1] = 8; myArray[2] = 6。

    数组元素使用:

    数组名[下标] = 值;

    注意: 数组的下标用方括号括起来,从0开始。

    数组属性:

    length 用法:<数组对象>.length;返回:数组的长度,即数组里有多少个元素。它等于数组里最后一个元素的下标加一。

    数组方法:

    以上方法不做全部讲解,只讲解部分方法。此节没有任务,快快进入下节学习。


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

    2020-06-04

  • <!DOCTYPE html>

    <html>

    <head>

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

    <title>Math </title>

    <script type="text/javascript">

        var rs=Math.random()*10;


    document.write(rs+"<br>");


    document.write(Math.round(rs));

    </script>

    </head>

    <body>

    </body>

    </html>


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

    2020-06-04

  • <!DOCTYPE html>

    <html>

     <head>

      <title> 事件</title>  

      <script type="text/javascript">

       function count(){

           

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

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

    //获取选择框的值

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

        //设置结果输入框的值 

        

       }

      </script> 

     </head> 

     <body>

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

       <select id='select' onselect='sel()'>

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

       <script>

       function sel(){

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

       }

       function count(){

           var num;

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

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

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

          console.log('txt1:'+txt1+select+txt2)

       switch(select){

          case '+':num=parseInt(txt1)+parseInt(txt2);

          break;

          case '-':num=parseInt(txt1)-parseInt(txt2);;

          break;

          case '*':num=parseInt(txt1)*parseInt(txt2);;

          break;

          case '/':num=parseInt(txt1)/parseInt(txt2);;

          break;

       }

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

       }

        </script>

    </body>

    </html>


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

    2020-06-04

  • 连续点击会加速或减速……

    查看全部
  • window.open打开新的网页

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

    2020-06-03

举报

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

微信扫码,参与3人拼团

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

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