js 地址栏参数汉字

你想问的是如何在 JavaScript 中获取地址栏中的中文参数吗？如果是的话，可以使用 `decodeURIComponent()` 函数对地址栏参数进行解码，例如：

const urlParams = new URLSearchParams(window.location.search); // 获取地址栏参数
const chineseParam = decodeURIComponent(urlParams.get('param')); // 解码中文参数
console.log(chineseParam);

其中，`window.location.search` 可以获取到地址栏中的查询参数部分，`URLSearchParams` 可以将其解析成一个对象进行操作，而 `decodeURIComponent()` 则是将 URL 编码的中文字符解码成正常的中文字符。

相关问题

js 获取地址栏里的参数

在 JavaScript 中，我们可以使用 `window.location.search` 属性来获取地址栏中的参数部分。具体的操作步骤如下：

1. 首先，通过 `window.location.search` 属性可以获取到 URL 中的查询参数部分，它包含了以问号 `?` 开头的所有内容。
2. 然后，我们可以使用字符串相关的方法来解析这个查询参数部分，如 `substring()`、`split()` 等。
3. 例如，我们可以使用 `substring(1)` 来去掉地址栏中的问号 `?`，得到纯粹的查询参数字符串。
4. 接下来，我们可以使用 `split('&')` 方法将查询参数字符串分割为多个参数，返回一个包含所有参数的数组。
5. 然后，我们可以遍历这个数组，使用 `split('=')` 方法将每个参数分割为键和值，返回一个包含键值对的数组。
6. 最后，我们可以根据需要获取指定参数的值，或者将所有参数及其值存储到对象中方便使用。

以下是一个示例代码：

function getURLParameters() {
  var parameters = {};
  var queryString = window.location.search.substring(1); // 去掉问号 '?'
  var parameterArray = queryString.split('&');
  
  for (var i = 0; i < parameterArray.length; i++) {
    var parameter = parameterArray[i].split('=');
    parameters[decodeURIComponent(parameter[0])] = decodeURIComponent(parameter[1] || '');
  }
  
  return parameters;
}

var urlParams = getURLParameters();
console.log(urlParams); // 输出包含所有参数及其值的对象

通过以上的代码，我们可以获取到地址栏中的参数，并将它们以键值对的形式存储在一个对象中，以便后续的使用。

router 地址栏隐藏query参数

要在路由中隐藏地址栏的查询参数，可以使用编程式导航（programmatic navigation）或使用路由参数替代查询参数。

1. 使用编程式导航：
在需要隐藏查询参数的地方，使用编程式导航将路由跳转到一个新的URL，但省略查询参数。这样就可以隐藏地址栏的查询参数。

   // 假设当前路由为 /example?param=value
   // 跳转到 /example，隐藏查询参数
   router.push({ path: '/example' });

2. 使用路由参数替代查询参数：
如果查询参数的值可以通过路由参数来表示，可以考虑将查询参数转换为路由参数，并在路由中使用路由参数来代替查询参数。

   // 假设当前路由为 /example?param=value
   // 修改路由配置，将查询参数转换为路由参数
   {
     path: '/example/:param',
     component: ExampleComponent
   }

在这种情况下，你可以通过路由参数来获取值，而不需要显示在地址栏中的查询参数。

请注意，以上方法是基于Vue Router的做法，如果你使用的是其他路由库或框架，具体实现方式可能会有所不同。