如何在 javascript 中读取 url 参数
在 JavaScript 中,URL 参数可以通过 window.location.search 属性访问,该属性是一个包含查询字符串中所有键值对的可读字符串。
最简单的获取 URL 参数的方法是使用以下语法:
const urlParams = new URLSearchParams(window.location.search);
const paramValue = urlParams.get('paramName');其中:
-
window.location.search是包含查询字符串的字符串。 -
new URLSearchParams()创建一个URLSearchParams对象,它是一个由 URL 参数键和值组成的映射。 -
get()方法返回给定参数名称的值,如果参数不存在则返回null。
例如,对于以下 URL:
https://example.com/page?paramName=paramValue
你可以使用以下代码访问 paramValue:
里面有2个文件夹。其中这个文件名是:finishing,是我项目还没有请求后台的数据的模拟写法。请求后台数据之后,瀑布流的js有一点点变化,放在文件名是:finished。变化在于需要穿参数到后台,和填充的内容都用后台的数据填充。看自己项目需求来。由于chrome模拟器是不允许读取本地文件json的,所以如果你要进行测试,在hbuilder打开项目就可以看到效果啦,或者是火狐浏览器。
const urlParams = new URLSearchParams(window.location.search);
const paramValue = urlParams.get('paramName'); // "paramValue"其他方法
除了 window.location.search 属性外,还有其他方法可以在 JavaScript 中获取 URL 参数:
-
Location API:你可以使用
window.location.search、window.location.hash和window.location.href来直接获取完整的 URL 字符串。然后,你可以使用正则表达式或其他字符串操作技术来提取参数。 -
jQuery 库:jQuery 提供几个方法来访问 URL 参数,例如
$.getQueryString()。
注意
请注意,如果 URL 参数包含特殊字符(如空格或非 ASCII 字符),则需要进行编码或解码。









