JS代碼

對於我這個第一次接觸js代碼的人來說,簡單易懂纔是王道啊,在網上查了好久,好難找到自己看的懂的代碼……

  • 根據id查找內容:

        var 變量名=document.getElementById("id名").innerHTML;

        return 變量名;

        返回的內容是在id=id名的標籤內所有的內容,如:

        

<span style="white-space:pre">	
        <div id="div1">

            <div id="div2">div2</div>

            <div id="div3">div3</div>

        </div>
</span>


        在以上代碼中,執行function:

        var divtxt=document.getElementById("div1").innerHTML;

        return divtxt;

        將會返回:

            <div id="div2">div2</div>

            <div id="div3">div3</div>


  • 去除標籤,只取內容

        變量名.replace(/<[^>]+>/g,"");

        對於replace的認識僅僅只有:

        /<[^>]+>/g:/……/g是一個格式,裏面的內容可以是正則表達式,表示需要替換的內容格式;這裏指<>及其中的內容;        

        "":表示需要替換成的內容;這裏指爲空;

        總體意思就是將<abc>替換成空,也就是將<abc>去除的意思。

        在以上代碼中,執行function:

        var divtxt=document.getElementById("div1").innerHTML.replace(/< [^>]+>/g,"");

        return divtxt;

        將會返回值:

        

div2div3

  • indexOf,返回字符串的下標

       

 var ss="abcdefg(hijk)lmn(opq)rst(uvw)xyz";

        對於以上代碼簡單的用法爲:

        1. 查詢字母'c'的下標:

        

return ss.indexOf('c');

        返回值:2        

        2. 查詢'('的下標:

       

return ss.indexOf('\(');

        '('爲特殊字符,需在''中添加'\'。

        返回值:7

        3. 查詢第二個'('的下標:

       

 indexOf(a,b);


        a:需要查找的字符;

        b:從此下標開始往後查找;

       

 return ss.indexOf('\(',ss.indexOf('\(')+1);


        ss.indexOf('\(')+1:返回值爲8,所以從下標爲8的字符開始往後查找'(',並返回它的下標;

        返回值:16

  • substring,截取字符串

       

        var ss="abcdefg(hijk)lmn(opq)rst(uvw)xyz";

        substring(a,b);

        a:從什麼下標開始,且包括;

        b:到什麼下標爲止,但是不包括;

        1. 截取第二個到第四個的內容:

       

return ss.substring(1,4);

        返回值:bcd

        2. 截取第一個括號內的內容:

        可與indexOf配合使用,先確定括號的下標,再使用substring截取;

        '(':ss.indexOf('\(');    //返回值:7

        ')':ss.indexOf('\)');    //返回值:12

        return ss.substring(ss.indexOf('\(')+1,ss.indexOf('\)'));

        從'('後一個字符開始截取,所以需要+1;

        返回值:hijk

        3. 截取第二個括號內的內容:

        '(':ss.indexOf('\(',ss.indexOf('\(')+1);    //返回值:7

        ')':ss.indexOf('\)',ss.indexOf('\)')+1);    //返回值:12

return ss.substring(ss.indexOf('\(',ss.indexOf('\(')+1)+1,ss.indexOf('\)',ss.indexOf('\)')+1));

        返回值:opq

        4. 截取最後一個括號內的內容:

        可使用 lastIndexOf,從後往前遍歷,使用方法差不多,不再多說;

  • split,根據字符分割字符串並保存在數組中

        var ss= "a,b,c,d";

        var arr=ss.split(",");

        可以使用一個循環查看arr數組中的內容:

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

        {
             s=s+arr[i]+"\n";
        }
        return s;

        返回值:

        a

        b

        c

        d

  • sort,排序功能

        js有自帶的排序功能,默認是從小到大,可直接使用:

        數組.sort();

目前只有這麼多,over

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章