本文介绍如何使用 JavaScript 获取 URL 地址栏问号后的参数。通过 window.location.search 获取查询字符串,利用 indexOf 判断是否存在问号,再使用 substr 截取参数部分。接着通过 split 方法按 '&' 和 '=' 分割字符串,遍历数组提取键值对,从而解析出所有查询参数。
JavaScript 获取 URL 查询参数的实现方法
例如,假设当前网页地址为:https://www.jb51.net/i?tn=list&word=liulan
具体实现代码如下:
$(document).ready(function () {
var url = window.location.search;
if (url.indexOf("?") != -1) {
var str = url.substr(1)
strs = str.split("&");
for (i = 0; i < strs.length; i++) {
alert(strs.length);
alert(strs[i].split("=")[0]);
alert(strs[i].split("=")[1]);
alert(strs[i].split("=")[0], '=',strs[i].split("=")[1], '<br>');
}
}
})以上面地址为例,strs.length 的值为 2。其中 strs[0].split("=")[0] 的结果是 tn,strs[0].split("=")[1] 的结果是 list;strs[1].split("=")[0] 的结果是 word,strs[1].split("=")[1] 的结果是 liulan