獲取url "?" 后面的字符串

今天寫了一個URL “?” 后面的字符串 來改變當前頁面的狀態

首先需要獲取當前頁面的URL

 console.log（widow.location） 

之后頁面就會打印出來當前的URL

之后我們獲取URL后面的字符串

 

var url =location.search    // 獲取url后面的字符串
console.log(url)  //打印url

打印結果：

之后我們需要截取“？””后面的字符串

var str =url.substr(1)  //獲取“？”后的字符串
console.log(str)//打印

打印結果：

這樣就獲取到了“？”后面的字符串

之后需要分割字符串

strs = str.split("&");            
console.log(strs)

 

打印結果：

所以整體下的代碼如下：

console.log(window.location)
            var url = location.search; //獲取url中"?"符后的字串
                    console.log(url)
                if (url.indexOf("?") != -1) {
                var str = url.substr(1);
                console.log(str)
                strs = str.split(" ");
                console.log(strs)
                
                
                userId = decodeURIComponent(strs[0].replace("userId=",""));            
//                userName = decodeURIComponent(strs[1].replace("userName=",""));
                
                }
                if(str=="type=1"){
                    $(".toptext").text("11111")
                }else{
                    $(".toptext").text("22222")
                }

其中里面可會會有和我一樣剛學前端的同學們會弄不清substr和substring的區別

所以我百度了一下順便也在這里說一下

 

substring(from to)    從from位置截取到to-1的位置

eg:此時相當於從from位置截取到原字符串末尾

var a="beautiful"

a.substring(1)  //就是從下標為1的字符（這里是'e'）開始起到字符串末尾全部截取,最終獲得子串"eautiful"

 

從from位置截取到to-1的位置

var a ="beautiful"

a.substring(1,5) //相當於從位置為1的字符截取到位置為2的字符，得到子串為："eaut"

 

substr(start length)

var a ="beautiful"

a.substr(1,3)// 得到的字符串：“eau”

 

還有兩種特殊情況

當后面的長度超出字符串剩余的長度

var a =“beautiful”

a.substr(3,10)//得到的字符串：“utiful”

 

另外一種情況是

第一個數字為負數

var a="beautiful"

a.substr(-5,3) //即從倒數第五個字符開始起截取3個長度，獲得："tif"

 

 

不帶length參數，默認指代從start位置截取到字符串末尾

var a = “beautiful”

a.substr(4)//得到字符串：“tiful”

謝謝大家  這就是我今天要和分享的東西   希望可以幫助到你

2019-04-09