對於我這個第一次接觸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