js獲取url傳遞參數,js獲取url?號後面的參數

js獲取url傳遞參數,js獲取url?號後面的參數

方法1、正則表達式javascript

?
1
2
3
4
5
6
function getQueryString(name) { 
         var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); 
         var r = window.location.search.substr(1).match(reg); 
         if (r != null) return unescape(r[2]); 
         return null; 
    

  方法2、html

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
< Script language="javascript">  
function GetRequest() {  
    var url = location.search; //獲取url中"?"符後的字串  
    var theRequest = new Object();  
    if (url.indexOf("?") != -1) {  
       var str = url.substr(1);  
       strs = str.split("&");  
       for(var i = 0; i < strs.length ; i ++) {  
          theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);  
       }  
    }  
    return theRequest;  
}  
</script> 

  方法3、java

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
/** 
  * 獲取指定的URL參數值 
  * URL:http://www.quwan.com/index?name=tyler 
  * 參數:paramName URL參數 
  * 調用方法:getParam("name") 
  * 返回值:tyler 
  */ 
function getParam(paramName) { 
     paramValue = "", isFound = !1; 
     if (this.location.search.indexOf("?") == 0 && this.location.search.indexOf("=") > 1) { 
         arrSource = unescape(this.location.search).substring(1, this.location.search.length).split("&"), i = 0; 
         while (i < arrSource.length && !isFound) arrSource[i].indexOf("=") > 0 && arrSource[i].split("=")[0].toLowerCase() == paramName.toLowerCase() && (paramValue = arrSource[i].split("=")[1], isFound = !0), i++ 
    
     return paramValue == "" && (paramValue = null), paramValue 

  其餘參數獲取介紹: 
//設置或獲取對象指定的文件名或路徑。
alert(window.location.pathname);


//設置或獲取整個 URL 爲字符串。
alert(window.location.href);


//設置或獲取與 URL 關聯的端口號碼。
alert(window.location.port);




//設置或獲取 URL 的協議部分。
alert(window.location.protocol);


//設置或獲取 href 屬性中在井號「#」後面的分段。
alert(window.location.hash);


//設置或獲取 location 或 URL 的 hostname 和 port 號碼。
alert(window.location.host);


//設置或獲取 href 屬性中跟在問號後面的部分。
alert(window.location.search);git

0
0
« 上一篇: 大都市的同事愛。。。
» 下一篇: IE10如下的placeholder不兼容問題
posted @ 2016-10-23 22:47 karila 閱讀( 28028) 評論( 2) 編輯 收藏
#1樓 2017-08-04 16:42 Paxster  
第一種方法有問題
#2樓 [ 樓主] 2017-08-04 16:44 karila  
@ PHSeven
有什麼問題呢
相關文章
相關標籤/搜索