前端两种方式实现获取网页参数

URLSearchParams浏览器兼容性可以参考MDN（https://developer.mozilla.org…） 使用方法如下：var paramsString = “q=URLUtils.searchParams&topic=api”;var searchParams = new URLSearchParams(paramsString);//Iterate the search parameters.for (let p of searchParams) { console.log(p);}searchParams.has(“topic”) === true; // truesearchParams.get(“topic”) === “api”; // truesearchParams.getAll(“topic”); // [“api”]searchParams.get(“foo”) === null; // truesearchParams.append(“topic”, “webdev”);searchParams.toString(); // “q=URLUtils.searchParams&topic=api&topic=webdev"searchParams.set(“topic”, “More webdev”);searchParams.toString(); // “q=URLUtils.searchParams&topic=More+webdev"searchParams.delete(“topic”);searchParams.toString(); // “q=URLUtils.searchParams"JavaScript原生实现function getParameterByName(name, url) { if (!url) url = window.location.href; name = name.replace(/[[]]/g, ‘\$&’); var regex = new RegExp(’[?&]’ + name + ‘(=([^&#]*)|&|#|$)’), results = regex.exec(url); if (!results) return null; if (!results[2]) return ‘’; return decodeURIComponent(results[2].replace(/+/g, ’ ‘));}//使用方法//如果查询参数为?foo=chuangke&bar=&bazvar foo = getParameterByName(‘foo’); // “chuangke"var bar = getParameterByName(‘bar’); // "” (present with empty value)var baz = getParameterByName(‘baz’); // "” (present with no value)var qux = getParameterByName(‘qux’); // null