橙子-景安伺服器代理，cplvfx，技術踩坑記
介紹：split 方法
定義和用法
split() 方法用於把一個字串分割成字串陣列。
提示： 如果把空字串 ("") 用作 separator，那麼 stringObject 中的每個字元之間都會被分割。
注意： split() 方法不改變原始字串。
語法
string.split(separator,limit)
引數值
| 引數 | 描述 |
|---|---|
| separator | 可選。字串或正則表示式，從該引數指定的地方分割 string Object。 |
| limit | 可選。該引數可指定返回的陣列的最大長度。如果設定了該引數，返回的子串不會多於這個引數指定的陣列。如果沒有設定該引數，整個字串都會被分割，不考慮它的長度。 |
返回值
| 型別 | 描述 |
|---|---|
| Array | 一個字串陣列。該陣列是通過在 separator 指定的邊界處將字串 string Object 分割成子串建立的。返回的陣列中的字串不包括 separator 自身。 |
原始碼：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>根據URL用split擷取頁碼</title> </head> <body> <p id="demo">根據URL用split擷取頁碼</p> <button onclick="myFunction()">點我</button> <script> function myFunction(){ var str1="http://www.xiaoxiongyoupin.com/product/yifuxiewa.html"; var str2="http://www.xiaoxiongyoupin.com/product/yifuxiewa.html#/page/2"; var str3="http://www.xiaoxiongyoupin.com/product/yifuxiewa.html#/page/3"; var str1_s=str1.split("/"); var str2_s=str2.split("/"); var str3_s=str3.split("/"); var str1_s_l=str1_s.length; var str2_s_l=str2_s.length; var str3_s_l=str3_s.length; document.getElementById("demo").innerHTML=""; document.getElementById("demo").innerHTML+="str1初始值="+str1+"<br/>"; document.getElementById("demo").innerHTML+="str1被split後的值（型別陣列）="+str1_s+"<br/>"; document.getElementById("demo").innerHTML+="str1被split後的陣列長度="+str1_s_l+"<br/>"; document.getElementById("demo").innerHTML+="str1被split後的陣列最後一位的值="+str1_s[str1_s_l-1]+"<br/>"; document.getElementById("demo").innerHTML+="根據str1過濾當前位置="+checkRate(str1_s[str1_s_l-1])+"<br/>"; document.getElementById("demo").innerHTML+="<hr>"; document.getElementById("demo").innerHTML+="str2初始值="+str2+"<br/>"; document.getElementById("demo").innerHTML+="str2被split後的值（型別陣列）="+str2_s+"<br/>"; document.getElementById("demo").innerHTML+="str2被split後的陣列長度="+str2_s_l+"<br/>"; document.getElementById("demo").innerHTML+="str2被split後的陣列最後一位的值="+str2_s[str2_s_l-1]+"<br/>"; document.getElementById("demo").innerHTML+="根據str2過濾當前位置="+checkRate(str2_s[str2_s_l-1])+"<br/>"; document.getElementById("demo").innerHTML+="<hr>"; document.getElementById("demo").innerHTML+="str3初始值="+str3+"<br/>"; document.getElementById("demo").innerHTML+="str3被split後的值（型別陣列）="+str3_s+"<br/>"; document.getElementById("demo").innerHTML+="str3被split後的陣列長度="+str3_s_l+"<br/>"; document.getElementById("demo").innerHTML+="str3被split後的陣列最後一位的值="+str3_s[str3_s_l-1]+"<br/>"; document.getElementById("demo").innerHTML+="根據str3過濾當前位置="+checkRate(str3_s[str3_s_l-1])+"<br/>"; document.getElementById("demo").innerHTML+="<hr>"; } //判斷傳遞過來的數字是否是"非負整數（正整數 + 0）" function checkRate(nubmer) { var re = /^[1-9]\d*|0$/; if (!re.test(nubmer)) { return "首頁"; } else{ return "當前是第"+nubmer+"頁"; } } </script> </body> </html>
執行結果
str1初始值=http://www.xiaoxiongyoupin.com/product/yifuxiewa.html
str1被split後的值（型別陣列）=http:,,www.xiaoxiongyoupin.com,product,yifuxiewa.html
str1被split後的陣列長度=5
str1被split後的陣列最後一位的值=yifuxiewa.html
根據str1過濾當前位置=首頁
str2初始值=http://www.xiaoxiongyoupin.com/product/yifuxiewa.html#/page/2
str2被split後的值（型別陣列）=http:,,www.xiaoxiongyoupin.com,product,yifuxiewa.html#,page,2
str2被split後的陣列長度=7
str2被split後的陣列最後一位的值=2
根據str2過濾當前位置=當前是第2頁
str3初始值=http://www.xiaoxiongyoupin.com/product/yifuxiewa.html#/page/3
str3被split後的值（型別陣列）=http:,,www.xiaoxiongyoupin.com,product,yifuxiewa.html#,page,3
str3被split後的陣列長度=7
str3被split後的陣列最後一位的值=3
根據str3過濾當前位置=當前是第3頁