javascript或jquery獲取位址列url的get引數的方法
阿新 • • 發佈:2019-01-06
獲取url的get引數,要用到正則表示式。
獲取url中的某個引數的值
程式碼如下:
/** * 通過javascript獲取url中get的某個引數 * @param name 要獲取url的get引數值的鍵名 * @returns {*} */ function getUrlParam(name) { var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); //構造一個含有目標引數的正則表示式物件 var r = window.location.search.substr(1).match(reg); //匹配目標引數 if (r!=null) return unescape(r[2]); return null; //返回引數值 }
通過這個函式傳遞url中的引數名就可以獲取到引數的值,比如url為
http://localhost:8080/Test/page/list.html?id=123
要獲取id的值,可以這樣寫:
getUrlParam(“id”)
小測試:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript" src="../js/jquery-3.3.1.min.js"></script> </head> <script> /** * 通過javascript獲取url中get的某個引數 * @param name 要獲取url的get引數值的鍵名 * @returns {*} */ function getUrlParam(name) { var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); //構造一個含有目標引數的正則表示式物件 var r = window.location.search.substr(1).match(reg); //匹配目標引數 if (r!=null) return unescape(r[2]); return null; //返回引數值 } $(document).ready(function(){ alert("id為:"+getUrlParam("id")); $("body").html("id為:"+getUrlParam("id")) }); </script> <body> 啦啦啦 </body> </html>