用JS獲取地址欄參數的方法（超級簡單）

時間 2019-11-11

原文原文鏈接

方法一：採用正則表達式獲取地址欄參數：（強烈推薦，既實用又方便！）javascript

 
        function  
        GetQueryString(name) 
       
        { 
       
        var  
        reg =  
        new  
        RegExp( 
        "(^|&)" 
        + name + 
        "=([^&]*)(&|$)" 
        ); 
       
        var  
        r = window.location.search.substr(1).match(reg); 
       
        if 
        (r!= 
        null 
        ) 
        return   
        unescape(r[2]);  
        return  
        null 
        ; 
       
        } 
       
        // 調用方法 
       
        alert(GetQueryString( 
        "參數名1" 
        )); 
       
        alert(GetQueryString( 
        "參數名2" 
        )); 
       
        alert(GetQueryString( 
        "參數名3" 
        ));

下面舉一個例子:html

若地址欄URL爲：abc.html?id=123&url=http://www.maidq.comjava

那麼，但你用上面的方法去調用：alert(GetQueryString("url"));正則表達式

則會彈出一個對話框：內容就是 http://www.maidq.comurl

若是用：alert(GetQueryString("id"));那麼彈出的內容就是 123 啦；spa

固然若是你沒有傳參數的話，好比你的地址是 abc.html 後面沒有參數，那強行輸出調用結果有的時候會報錯：code

因此咱們要加一個判斷，判斷咱們請求的參數是否爲空，首先把值賦給一個變量：htm

 
        var  
        myurl=GetQueryString( 
        "url" 
        ); 
       
        if 
        (myurl != 
        null  
        && myurl.toString().length>1) 
       
        { 
       
        alert(GetQueryString( 
        "url" 
        )); 
       
        }