JavaScript 获取 URL 查询参数的实现方法
作者:小括号时间:2026-10-27 13:22:35浏览:340
本文介绍如何使用 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
作者最新文章
JS语法错误会阻止加载吗?区分SyntaxError与资源加载失败
2026-11-05 16:08:46
JavaScript常见SyntaxError语法错误排查与修复方法
2026-11-05 13:58:44
JS中slice、substring和substr截取字符串的区别
2026-11-05 13:43:47
JS 转 TS 手动迁移最佳实践:从配置 tsconfig 到消除 any 类型
2026-11-05 11:53:32
为什么JS数组push后得到的是数字而不是数组?
2026-11-05 09:59:18
