js获取当前地址栏的地址与端口。js获取当前导航栏ip和端口。js获取地址栏参数。vue获取带#的地址栏参数 电脑版发表于:2022/10/13 11:31 [TOC] #### js获取当前地址栏的地址与端口。js获取当前导航栏ip和端口 ``` let API_HOST = window.location.protocol+"//"+window.location.host+"/" ``` #### js获取地址栏参数 方法 ``` function getQueryString(name) { let reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); let r = window.location.search.substr(1).match(reg); if(r!=null) { return unescape(r[2]); } return null; } ``` **使用** 例如 url = "http://xxx.xxx.xxx?name=zz&age=25" ``` console.log(getQueryString('name')) console.log(getQueryString('age')) 分别输出:zz,18 ``` #### vue获取带#的地址栏参数 上面的方法可能在vue项目中带#号的路由中失效,可以使用下面的方法获取 ``` function getParam(name) { let url = window.location.href; let paramsStr = url.split("?")[1]; let paramObj = new URLSearchParams(paramsStr); return paramObj.get(name); } ``` 使用方法 ``` alert(getParam("schoolId")) alert(getParam("stid")) ```