js获取网址中的字符串参数-创新互联
js获取网址中某个指定的参数
网页名称:js获取网址中的字符串参数-创新互联
网页URL:http://scjbc.cn/article/icisd.html
需求:前端开发中,经常要根据当前网址,来获取到某个指定的参数,比如id。我们可以创建一个函数,用以解析查询字符串,然后返回包含所有参数的一个对象。
比如要获取网址 “https://baike.baidu.com/item/%E7%8E%9B%E9%9B%85%E6%96%87%E6%98%8E/334073?fr=aladdin&hid=1234&name=%E7%8E%9B%E9%9B%85%E6%96%87%E6%98%8E”;中的name参数,代码如下:
// 创建一个获取url中指定参数值的函数
function getQueryStr(argu) {//查询字符串并去掉开头的问号
let qs = location.search.length >0 ? location.search.substring(1) : "";
//获取每一项
let items = qs.length ? qs.split("&") : [];
let key = null, value = null;
for (let i = 0; i< items.length; i++) {key = decodeURIComponent(items[i].split("=")[0]);
value = decodeURIComponent(items[i].split("=")[1]);
if (key==argu) return value
}
}
//调用函数
getQueryStr("name") //玛雅文明
你是否还在寻找稳定的海外服务器提供商?创新互联www.cdcxhl.cn海外机房具备T级流量清洗系统配攻击溯源,准确流量调度确保服务器高可用性,企业级服务器适合批量采购,新人活动首月15元起,快前往官网查看详情吧
网页名称:js获取网址中的字符串参数-创新互联
网页URL:http://scjbc.cn/article/icisd.html