JavaScript实现URL参数提取与访问

在JavaScript中，获取URL中的参数是一项常见的任务，特别是在处理前端交互或服务器通信时。URL通常包含查询字符串，这些字符串用于传递额外的信息。在给出的代码片段中，我们看到一个名为`QueryString`的函数，它实现了从URL中解析并提取参数的功能。 首先，该函数的工作原理如下： 1. 获取URL: `location.href`属性返回当前页面的完整URL，包括协议、域名、路径和查询字符串（如果存在）。 2. 定位查询字符串: 使用`indexOf()`方法找到问号"?"的位置，然后使用`substr()`方法获取从`?`之后的部分，即查询字符串。 3. 分割参数: 将查询字符串分解成一个数组（`arrtmp`），每个元素都是一个单独的参数，使用`split("&")`方法。 4. 解析参数: 遍历数组，对于每个参数（如`ID=12&str=aaaa`），使用`indexOf("=")`找到等号的位置来区分参数名和值。通过`substring()`和`substr()`进一步提取出名字和值。 5. 存储参数: 将提取的参数名和值存储到`this`对象（在本例中是`Request`对象）上，方便后续访问。 接下来，实例化了`QueryString`函数，并创建了一个新的`Request`对象，调用其方法后，可以通过对象属性直接访问URL中的参数，例如`Request["ID"]`和`Request["str"]`。 代码执行的结果是： - `ID`的值为`12` - `str`的值为`aaaa` 这个过程展示了如何在JavaScript中动态地解析URL，获取并处理查询字符串中的参数，这对于构建动态网页和处理用户输入非常有用。掌握这类技术有助于开发人员更好地控制前端数据交互和后端数据传递。