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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 字符串分割split()

    知识讲解:

    split() 方法将字符串分割为字符串数组,并返回此数组。

    语法:

    stringObject.split(separator,limit)

    参数说明:

    注意:如果把空字符串 ("") 用作 separator,那么 stringObject 中的每个字符之间都会被分割。

    我们将按照不同的方式来分割字符串:

    使用指定符号分割字符串,代码如下:

    var mystr = "www.imooc.com"; document.write(mystr.split(".")+"<br>"); document.write(mystr.split(".", 2)+"<br>");

    运行结果:

    www,imooc,com www,imooc

    将字符串分割为字符,代码如下:

    document.write(mystr.split("")+"<br>"); document.write(mystr.split("", 5));

    运行结果:

    w,w,w,.,i,m,o,o,c,.,c,o,m w,w,w,.,i


    查看全部
  • 返回指定的字符串首次出现的位置

    indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。

    语法

    stringObject.indexOf(substring, startpos)

    参数说明:


    说明:

    1.该方法将从头到尾地检索字符串 stringObject,看它是否含有子串 substring。

    2.可选参数,从stringObject的startpos位置开始查找substring,如果没有此参数将从stringObject的开始位置查找。

    3.如果找到一个 substring,则返回 substring 的第一次出现的位置。stringObject 中的字符位置是从 0 开始的。

    注意:1.indexOf() 方法区分大小写。

    2.如果要检索的字符串值没有出现,则该方法返回 -1。

    例如: 对 "I love JavaScript!" 字符串内进行不同的检索:

    <script type="text/javascript">   var str="I love JavaScript!"   document.write(str.indexOf("I") + "<br />");   document.write(str.indexOf("v") + "<br />");   document.write(str.indexOf("v",8)); </script>

    以上代码的输出:

    0 4 9


    查看全部
  • Date 日期对象

    日期对象可以储存任意一个日期,并且可以精确到毫秒数(1/1000 秒)。

    定义一个时间对象 :

    var Udate=new Date();

    注意:使用关键字new,Date()的首字母必须大写。 

    使 Udate 成为日期对象,并且已有初始值:当前时间(当前电脑系统时间)。

    如果要自定义初始值,可以用以下方法:

    var d = new Date(2012, 10, 1);  //2012年10月1日 var d = new Date('Oct 1, 2012'); //2012年10月1日

    我们最好使用下面介绍的“方法”来严格定义时间。

    访问方法语法:“<日期对象>.<方法>”

    Date对象中处理时间和日期的常用方法:


    查看全部
    0 采集 收起 来源: Date 日期对象

    2018-10-24

  • while和do...while的区别:前者先判断后执行代码,后者先执行代码后判断。

    查看全部
  • https://img1.sycdn.imooc.com//5bcf471e000184e512520291.jpglocation对象属性

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

    2018-10-24

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

    var arr = new Array();

    arr = scoreStr.split(";");

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

    document.write(arr.length+"<br/>");

    var sum = 0;

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

        var t = arr[i].split(":")[1];

        sum = sum + parseInt(t);

        

        document.write(parseInt(t)+"<br/>");

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

    }

    document.write(sum);


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

    2018-10-23

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

      var mydate = new Date();

      var myYear = mydate.getFullYear();

      var myMonth = mydate.getMonth();

      var myday = mydate.getDate();

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

      document.write( myYear + "年" + myMonth + "月" + myday + "日"+ weekday[mydate.getDay()] + "<br/>");

      


      

      

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

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


    var arr = new Array();

    arr = scoreStr.split(":");

    var sum = 0;

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

        if(i%2){

            sum = sum + parseInt(arr[i]);

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

            //document.write(sum+"<br/>");

        }

        //document.write(sum)

    }


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

    2018-10-23

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

    document.write(Math.ceil(15.1)+"<br>"); 

    // 进行上入舍

    document.write(Math.floor(14.9)+"<br>");

    // 进行下入舍

    document.write(Math.max(5,10)+"<br>")

    //最大值

    document.write(Math.min(5,10)+"<br>")

    //最小值

    document.write(Math.pow(5,2)+"<br>")

    //次幂

    document.write(Math.random()+"<br>")

    //返回0-1的随机数

    document.write(Math.round(1.5)+"<br>")

    //四舍五入

    document.write(Math.valueOf(15))

    //返回原始值


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

    2018-10-23

  • substr(截取字符串起始位置包括,长度(不包括可选));

    substring(位置,位置(不包括可选));

    对于负数substr(-0.9) 起始位置为位置0开始

    substr(-0.9,-2) :报错

    substr(-1):从倒数第一位开始截取

    substr(-500 (大于对象的长度)):从下标为0开始取数

    substring:开始位置大于结束位置会自动调转


    查看全部
  • indexOf函数:

    1. 查找单个字符或者字符串不再对象当中返回值为-1不是空

    2. index 返回的位置是从0开始,所有的js位置都是由零开始,长度为1开始

    3. 查找非单个字符“abc”,首先要瞒住条件对象当中含有“abc”再返回第一个字符在对象的位置。

    4. indexOf()返回的是相对于对象本身的位置

    查看全部
  • 对象.方法();stringObject.indexOf(substring,startpos)

    可以使用变量,字符串要添加“”

    查看全部
  • JS的关键字和保留字:

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



    查看全部
  • <!DOCTYPE HTML>

    <html>

    <head>

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


    </head>

    <body>

    <p>dddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</p>

    <p>d</p>

    <p>d</p>

    <p>d</p>

    <p>d</p>

    <p>d</p>

    <p>d</p>

    <p>d</p>

    <p>d</p>

    <p>d</p>

    <p>d</p>

    <p>d</p>

    <p>d</p>

    <p>d</p>

    <p>d</p>

    <p>d</p>

    <p>d</p>

    <p>d</p>

    <p>d</p>

    <p>d</p>

    <p>d</p>

    <p>d</p>

    <p>d</p>

    <p>d</p>

    <p>d</p>

    <p>d</p>

    <p>d</p>

    <p>d</p>

    <p>d</p>

    <p>d</p>

    <p>d</p>

    <p>d</p>


    <script type="text/javascript">


    document.write("w1:"+document.body.scrollWidth+" , w2:"+document.documentElement.scrollWidth+" , w3:"+document.documentElement.scrollWidth || document.body.scrollWidth);

    document.write("<br>");

    document.write("h1:"+document.body.scrollHeight+" , h2:"+document.documentElement.scrollHeight+" , h3:"+document.documentElement.scrollHeight || document.body.scrollHeight);

    //比较高度需要放在同一行比较,一旦换行高度值又增加了

     

    </script>

    </body>    

    </html>


    一个不错的问答:

    http://www.imooc.com/qadetail/219295


    scrollWidth:对象的实际内容的宽度,不包边线宽度,会随对象中内容超过可视区后而变大。 
    clientWidth:对象内容的可视区的宽度,不包滚动条等边线,会随对象显示大小的变化而改变。 
    offsetWidth:对象整体的实际宽度,包滚动条等边线,会随对象显示大小的变化而改变。

    情况1:

    元素内无内容或者内容不超过可视区,滚动不出现或不可用的情况下。

    scrollWidth=clientWidth,两者皆为内容可视区的宽度。

    offsetWidth为元素的实际宽度。

    http://img1.sycdn.imooc.com//592fe0a90001214b05340280.jpg

    情况2:

    元素的内容超过可视区,滚动条出现和可用的情况下。

    scrollWidth>clientWidth。

    scrollWidth为实际内容的宽度。

    clientWidth是内容可视区的宽度。

    offsetWidth是元素的实际宽度。

    http://img1.sycdn.imooc.com//592fe0b8000135d306160362.jpg



    查看全部
  • setAttribute() 方法增加一个指定名称和值的新属性,或者把一个现有的属性设定为指定的值。

    语法:

    elementNode.setAttribute(name,value);

    说明:

    1.name: 要设置的属性名。

    2.value: 要设置的属性值。

    注意:

    1.把指定的属性设置为指定的值。如果不存在具有指定名称的属性,该方法将创建一个新属性。

    2.类似于getAttribute()方法,setAttribute()方法只能通过元素节点对象调用的函数。

    查看全部
  • appendChild(newnode):在指定节点的最后一个子节点列表之后添加一个新的子节点。

    insertBefore(newnode.node):在已有节点前插入一个新的子节点,newnode指要插入的新节点node指在此节点前插入节点。注意:otest.insertBefore(newnode,node)也可改为:otest.insertBefore(newnode,otest.childNodes[0]);


    查看全部

举报

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

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