前端通过URL传参的写法

在前端中，可以使用 URL 来传递参数。一般情况下，通过在 URL 中添加查询参数的方式来传递参数。以下是一个简单的例子：

<!-- 源页面 -->
<a href="/target_page?param=hello">跳转到目标页面</a>

在这个例子中，我们在 URL 中添加了一个查询参数 `param`，值为 `hello`。当用户点击链接时，就会跳转到目标页面，并且把参数传递给目标页面。

在目标页面中，可以使用 JavaScript 或其他前端框架来获取 URL 中的参数。以下是使用 JavaScript 获取 URL 参数的例子：

<!-- 目标页面 -->
<script>
  // 获取 URL 中的参数
  const urlParams = new URLSearchParams(window.location.search);
  const param = urlParams.get('param');
  console.log(param); // 输出: hello
</script>

在这个例子中，我们使用了 JavaScript 中的 URLSearchParams 类来获取 URL 中的参数，并把参数打印到控制台上。

需要注意的是，在 URL 中传递敏感信息是不安全的，因为 URL 参数可以被记录在浏览器历史记录、服务器日志等地方。因此，对于需要保密的信息，应该使用其他更安全的方式来传递，例如 POST 请求、加密等等。