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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • slice(a,b)中的a是开始,b是结束,不包括a但包括b。

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

    2018-05-29

  • slice() 方法可从已有的数组中返回选定的元素。

    语法

    arrayObject.slice(start,end)

    参数说明:

    1.返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素。

    2. 该方法并不会修改数组,而是返回一个子数组。

    注意:

    1. 可使用负值从数组的尾部选取元素。

    2.如果 end 未被规定,那么 slice() 方法会选取从 start 到数组结尾的所有元素。

    3. String.slice() 与 Array.slice() 相似。

    我们将创建一个新数组,然后从其中选取的元素,代码如下:

    <script type="text/javascript">
      var myarr = new Array(1,2,3,4,5,6);
      document.write(myarr + "<br>");
      document.write(myarr.slice(2,4) + "<br>");
      document.write(myarr);
    </script>

    运行结果:

    1,2,3,4,5,6
    3,4
    1,2,3,4,5,6


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

    2018-05-29

  • 数组连接concat()

    concat() 方法用于连接两个或多个数组。此方法返回一个新数组,不改变原来的数组。

    语法

    arrayObject.concat(array1,array2,...,arrayN)

    参数说明:

    注意:  该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。

    我们创建一个数组,将把 concat() 中的参数连接到数组 myarr 中,代码如下:

    <script type="text/javascript">   var mya = new Array(3);   mya[0] = "1";   mya[1] = "2";   mya[2] = "3";   document.write(mya.concat(4,5)+"<br>");   document.write(mya);  </script>

    运行结果:

    1,2,3,4,5 1,2,3


    查看全部
  • Math对象

    Math对象提供对数据的数学计算。注意M要大写.

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

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

    2018-05-29

  • <!DOCTYPE HTML>

    <html>

    <head>

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

    <title>无标题文档</title>

    </head>

    <body>

    <script type="text/javascript">

    var main = document.body;

    //创建链接

    function createa(url,text)

    {   

        var a = document.createElement("a");

        a.setAttribute("href",url);

        a.setAttribute("target","_blank");

        a.innerHTML=text;

        main.appendChild(a);

    }

    // 调用函数创建链接

        createa("http://www.imooc.com","慕课网");

    </script> 

    </body>

    </html>


    查看全部
  • 随机数 random()

    random() 方法可返回介于 0 ~ 1(大于或等于 0 但小于 1 )之间的一个随机数。

    语法:

    Math.random();

    注意:返回一个大于或等于 0 但小于 1 的符号为正的数字值。


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

    2018-05-29

  • 注意: 

    1. 当 oldnode 被替换时,所有与之相关的属性内容都将被移除。 

    2. newnode 必须先被建立。

     

    <!DOCTYPE HTML>

    <html>

    <head>

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

    <title>无标题文档</title>

    </head>

    <body>



      <div><b id="oldnode">JavaScript</b>是一个很常用的技术,为网页添加动态效果。</div>

      <a href="javascript:replaceMessage()"> 将加粗改为斜体</a>

      

        <script type="text/javascript">

          function replaceMessage(){

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

              var newnode = document.createElement("i");

              var newnodeText = document.createTextNode("JavaScript");

              newnode.appendChild(newnodeText);

      oldnode.parentNode.replaceChild(newnode,oldnode); 

           }    

      </script>

      

     </body>

    </html>


    查看全部
  • 提取指定数目的字符substr()

    substr() 方法从字符串中提取从 startPos位置开始的指定数目的字符串。

    语法:

    stringObject.substr(startPos,length)

    参数说明:

    注意:如果参数startPos是负数,从字符串的尾部开始算起的位置。也就是说,-1 指字符串中最后一个字符,-2 指倒数第二个字符,以此类推。

    如果startPos为负数且绝对值大于字符串长度,startPos为0。

    使用 substr() 从字符串中提取一些字符,代码如下:

    <script type="text/javascript">   var mystr="I love JavaScript!";   document.write(mystr.substr(7));   document.write(mystr.substr(2,4)); </script>

    运行结果:

    JavaScript! love


    查看全部
  • substring() 方法用于提取字符串中介于两个指定下标之间的字符。

    语法:

    stringObject.substring(startPos,stopPos)

    参数说明:


    注意:

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

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

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

    使用 substring() 从字符串中提取字符串,代码如下:

    <script type="text/javascript">
      var mystr="I love JavaScript";
      document.write(mystr.substring(7));
      document.write(mystr.substring(2,6));
    </script>

    运行结果:

    JavaScript
    love

    注意:字符串下标起始也是从零开始,数组也是。

    查看全部
  • <!DOCTYPE HTML>

    <html>

    <head>

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

    <title>无标题文档</title>

    </head>


    <body>

    <div id="content">

      <h1>html</h1>

      <h1>php</h1>

      <h1>javascript</h1>

      <h1>jquery</h1>

      <h1>java</h1>

    </div>


    <script type="text/javascript">

    function clearText() {

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

      // 在此完成该函数

      var node = content.childNodes;

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

         if(node[i].nodeType!=1) {

            continue; 

         } else {

            var x= content.removeChild(node[i]);

            x=null;

         }

      }

    }

    </script>


    <button onclick="clearText()">清除节点内容</button>




    </body>

    </html>


    查看全部
  • <script type="text/javascript">


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

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

      var today=new Date();

      document.write(today.getFullYear()+"年"+parseInt(today.getMonth()+1)+"月"+today.getDate()+"日"+weekday[today.getDay()]+"<br>");

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

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

      var student=new Array(); 

      student=scoreStr.split(";");

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

          student[i]=student[i].split(":");

      }

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

      var count=0;

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

          count=parseInt(student[i][1])+count;

      }

      document.write("总成绩为:"+count);

    </script>


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

    2018-05-29

  • 提取指定数目的字符substr()

    作用: substr() 方法从字符串中提取从 起始位置下标开始的指定数目的字符串。

    语法: 字符串对象.substr(起始下标, 长度);

    参数说明:

    1,两个参数都是数值, 第一个参数可以是负数.

    2,第一个参数必须,指定起始下标.如是负数,起始位置从字符串对象尾部开始.也就是说,-1 指字符串中最后一个字符(不能是-0,也没有负零的说法),-2 指倒数第二个字符,以此类推。如果为负数且绝对值大于字符串长度,参数自动设为0。

    3,第二个参数可省.指定提取字符串的长度.如省略,返回从起始下标位置开始到字符串对象结尾的字符串.

    4,返回值是一个字符串.

    查看全部
  • 我们将使用分隔符来分隔数组中的元素,代码如下:

    <script type="text/javascript">
      var myarr = new Array(3)
      myarr[0] = "I";
      myarr[1] = "love";
      myarr[2] = "JavaScript";
      document.write(myarr.join("."));
    </script>

    运行结果:

    I.love.JavaScript


    查看全部
  • <!DOCTYPE HTML>

    <html>

    <head>

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

    <title>无标题文档</title>

    </head>

    <body>


    <ul id="test"><li>JavaScript</li><li>HTML</li></ul> 

     

    <script type="text/javascript">


      var otest = document.getElementById("test");  

      var node = otest.lastChild;

      var newnode = document.createElement("li");

      newnode.innerHTML="php";

      otest.insertBefore(newnode,node);

      

    </script> 


    </body>

    </html>


    查看全部
  • getElementById与getElementsByName相差一个S

    后面一个返回的值是数组

    查看全部

举报

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

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