版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_22078107/article/details/85638997
获取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>