在前端开发中，经常需要将带有多个参数的 URL 传递到另一个 URL 中。这种情况通常出现在需要使用 GET 方法获取数据时。本文将介绍如何使用 JavaScript 和 HTML 中的标签来实现这一功能。
URL 参数的格式
首先，让我们来看一下 URL 参数的格式。URL 参数通常是以问号（?）开头的一组键值对，每个键值对之间用&符号连接。例如：
https://example.com/search?q=javascript&page=2
上面的 URL 中包含两个参数：q和page。q 的值为"javascript"，page 的值为"2"。
将参数传递到另一个 URL
现在假设我们要将上面的 URL 传递到另一个 URL 中。具体步骤如下：
第一步：获取当前 URL
使用 JavaScript 中的 location 对象可以获取当前页面的 URL。例如：
const currentUrl = window.location.href;
第二步：将参数添加到另一个 URL 中
在要跳转到的 URL 中，可以使用标签的 href 属性来添加参数。例如：
<a href="https://example.com/results?q=javascript&page=2">查看搜索结果</a>
在上面的代码中，我们将 q 和 page 参数添加到了 URL 中，并且通过标签的 href 属性设置了跳转到该 URL。
示例代码
下面是一个完整的示例代码，演示了如何将一个 URL 和多个参数传递到另一个 URL 中：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
--------- --- ----------
-------
------
-------- --- -- ------- -----------------------------
-- -----------------------------------------------------------------
--------
----- ---------- - ---------------------
----------------------------------------------- - -----------
---------
-------
-------上面的代码中，我们使用 JavaScript 获取当前 URL，并将其显示在页面上。同时，我们使用标签来添加 q 和 page 参数，并跳转到另一个 URL。
总结
本文介绍了如何将带有多个参数的 URL 传递到另一个 URL 中。这种情况通常出现在需要使用 GET 方法获取数据时。通过正确地添加参数和使用标签，我们可以轻松地实现这一功能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/25891