参考网址：https://blog.csdn.net/xiaoxiong_jiaxin/article/details/84317949
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="js/jquery-1.9.1.min.js"></script> <link rel="stylesheet" href="layui/css/layui.css"> </head> <body> <script src="layui/layui.all.js"></script> <script> function getUrlSearch(name) { // 未传参，返回空 debugger; if (!name) return null; // 查询参数：先通过search取值，如果取不到就通过hash来取 let after = window.location.search ; after = after.substr(1) || window.location.hash.split('?')[1]; // 地址栏URL没有查询参数，返回空 if (!after) return null; // 如果查询参数中没有"name"，返回空 if (after.indexOf(name) === -1) return null; let reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)'); // 当地址栏参数存在中文时，需要解码，不然会乱码 var r = decodeURI(after).match(reg); // 如果url中"name"没有值，返回空 if (!r) return null; return r[2]; } getUrlSearch('search_box'); console.log('地址栏参数id',getUrlSearch("id")); </script> </body> </html>