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

JavaScript进阶篇

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

    作用:提取两个指定下标(索引)之间的子串。

    语法:   字符串对象.substring(起始位置索引, 结束位置索引);

    参数说明:

    两个参数都是一个非负整数,第一个参数必需,第二个参数可选.如果省略第二个参数, 那么返回的子串会一直到字符串对象的结尾.

    注意:

    1. 返回值是从参数一的起始索引位置开始(包含起始位置的字符)到 参数二结束位置索引-1(不包含结束位置处的字符)的所有字符,其长度为 参二的数值减参一的数值。

    2, 如果两个参数相等,那么返回值是一个空串(即长度为 0 的字符串)。

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



    查看全部
  •                                Math对象

    Math对象提供对数据的数学计算。

    使用Math的属性和方法,代码如下:

    <script   type="text/javascript">

        var mtpi=Math.PI;

        var myabs=Math.abs(-15);

        document.write(mypi);

        document.write(myabs);

    </script>

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

    Math对象属性:

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

    Math对象方法:

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

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

    2018-05-29

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

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

    语法:

    stringObject.substr(startPos,length)

    参数说明:

    1. startPos:必需。要提取的子串的起始位置。必需是数值。

    2. length:可选,提取字符串的长度,如果省略,返回从stringObject的开始位置startPos到stringObject的结尾的字符。

    注意:

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

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

    查看全部
  •                      提取字符串substring( )

    substring( )方法用于提取字符串中介于两个指定下标的字符。

    语法:

    stringObject.substring(startPos,stopPos)

    参数说明:

    1. startPos:必需。一个非负的整数,开始位置

    2. stopPos:可选。一个非负的整数,结束位置,如果省略该参数,那麽返回的子串会一直到字符串对象的结尾。

    注意:

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

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

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

    查看全部
  •                          字符串分割split( )

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

    语法:

    stringObject.split(separator,limit)

    参数说明:

    1. separator:必需,从该参数指定的地方分割stringObjecr。

    2. limit:可选参数,分隔的次数,如设置该参数,返回的子串不会多于这个参数指定的数组,如果无此参数为不限制次数。

    注意:如果把空字符串(“”)用作separator,那麽stringObjext中的每一个字符之间都会被分割。

    查看全部
  • 注意: Internet Explorer 会忽略节点间生成的空白文本节点(例如,换行符号),而其它浏览器不会忽略。

    解决问题方法:

    判断节点nodeType是否为1, 如是不是元素节点,跳过。


    <!DOCTYPE HTML>

    <html>

    <head>

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

    <title>nextSibling</title>

    </head>

    <body>

            <ul id="u1">   

                <li id="a">javascript</li>   

                <li id="b">jquery</li>   

                <li id="c">html</li>   

            </ul>   

            <ul id="u2">   

                <li id="d">css3</li>   

                <li id="e">php</li>   

                <li id="f">java</li>   

            </ul>   

    <script type="text/javascript">

        function get_nextSibling(n){

            var x=n.nextSibling;

            while (x && x.nodeType!=1){

                x=x.nextSibling;

            }

            return x;

        }

        

        function get_previousSibling(n) {

            var x= n.previousSibling;

            while (x && x.nodeType!=1) {

                x =x.previousSibling;

            }

            return x;

        }

        

        var x=document.getElementsByTagName("li")[0];

        document.write(x.nodeName);

        document.write(" = ");

        document.write(x.innerHTML);

        

        var y=get_nextSibling(x);

        

        if(y!=null){

            document.write("<br />nextsibling: ");

            document.write(y.nodeName);

            document.write(" = ");

            document.write(y.innerHTML);

        }else{

          document.write("<br>已经是最后一个节点");      

        }


        var z=get_previousSibling(y);

        

        if(z!=null) {

            document.write("<br />previousSibling: ");

            document.write(z.nodeName);

            document.write(" = ");

            document.write(z.innerHTML);

        }else{

            document.write("<br>已经是第一个节点");

        }


    </script>

    </body>

    </html>


    查看全部
    0 采集 收起 来源:访问兄弟节点

    2018-05-29

  • <script type="text/javascript">

        var myarr1= new Array("010")

        var myarr2= new Array("-","84697581");

        document.write(myarr1.concat(myarr2));

    </script>


    查看全部
  • 我们创建了三个数组,然后使用 concat() 把它们连接起来,代码如下:

    <script type="text/javascript">
      var mya1= new Array("hello!")
      var mya2= new Array("I","love");
      var mya3= new Array("JavaScript","!");
      var mya4=mya1.concat(mya2,mya3);
      document.write(mya4);
    </script>

    运行结果:

    hello!,I,love,JavaScript,!


    查看全部
  • 我们创建一个数组,将把 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


    查看全部
  • 字符串分割split()

    语法:

    字符串对象.split("分割符",[分割的次数]);

    参数说明:

    1,"分割符"必需,以“分割符”为边界进行分割并丢弃分割符.

    2,第二个参数可选,指定返回的数组的最大长度。如省略,整个字符串都会被分割。

    3,返回值是一个字符串数组。该数组是通过"分割符"指定的边界处将字符串对象分割成子串创建的。返回的数组中的字串不包括 "分割符" 自身。

    4,如果把空字符串 ("") 用作 分割符,那么 字符串对象中的每个字符之间都会被分割.

    5,String.split() 执行的操作与 Array.join 执行的操作是相反的。

    6,不改变字符串对象.

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

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

    语法:

    string.Object.indexOf(substring,startPos)

    参数说明:

    1. substring:必需,规定需检索的字符串值。

    2. startpos:可选的整数参数。规定在字符串中开始检索的位置。它的合法取值范围为:0-string.length-1。如省略该参数,则将从字符串的首字符开始检索。

    说明:

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

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

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

    注意:

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

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

    查看全部
  • <!DOCTYPE HTML>

    <html>

    <head>

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

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

    </head>

    <body>

    <ul id="con">

    <li id="lesson1">javascript

      <ul> 

          <li id="tcon"> 基础语法</li>

          <li>流程控制语句</li>

          <li>函数</li>

          <li>事件</li>

          <li>DOM</li>

      </ul>

    </li>

    <li id="lesson2">das</li>

    <li id="lesson3">dadf</li>

    <li id="lesson4">HTML/CSS 

      <ul>

        <li>文字</li>

        <li>段落</li>

        <li>表单</li>

        <li>表格</li>  

      </ul> 

    </li></ul>  

    <script  type="text/javascript">    

       var mylist = document.getElementById("tcon"); 

       document.write(mylist.parentNode.parentNode.parentNode.lastChild.childNodes[1].innerHTML);

    </script> 


    </body>

    </html>


    查看全部
  •                           返回指定位置的字符

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

    语法:

    stringObject.charAt(index)

    参数说明:index必需。表示字符串中某个位置的数字,即字符在字符串中的下标。

    注意:

    1. 字符串中第一个字符的下标是0,最后一个字符的下标为字符串长度减一(string.length-1).

    2. 如果参数index不在0与string.lebgth-1之间,该方法将返回一个空字符串。

    3. 一个空格也算一个字符。

    查看全部
  • 大写字母转换小写字母:var   y=x.toLowerCase( );

    小写字母转换大写字母:var   y=x.toUpperCase( );


    查看全部
  • String 字符串对象:

    访问字符串对象的属性length:

    stringObject.lengthh;      //返回1该字符串的长度。

     例如:

    var   mystr="Hello   World!";

    var myl=mystr.length;

    访问字符串对象的`方法:

    使用String对象的toUpperCase( )方法来将字符串小写字母住那换为大写:

    var   mystr="Hello   World!";

    var   mynum=mystr.toUpperCase( );

    查看全部

举报

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

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