如何用javascript制作URL变量？

使用JavaScript制作URL变量可以通过以下步骤实现：

1. 首先，需要获取当前页面的URL。可以使用window.location.href来获取当前页面的完整URL。
2. 接下来，需要解析URL，提取出其中的参数。可以使用URLSearchParams对象来解析URL中的查询参数。例如，假设URL为http://example.com/?name=John&age=25，可以使用以下代码来获取参数值：

const urlParams = new URLSearchParams(window.location.search);
const name = urlParams.get('name'); // 获取name参数的值，结果为John
const age = urlParams.get('age'); // 获取age参数的值，结果为25

1. 如果需要在URL中添加参数，可以使用URLSearchParams对象的append方法。例如，要将名为gender，值为male的参数添加到URL中，可以使用以下代码：

const urlParams = new URLSearchParams(window.location.search);
urlParams.append('gender', 'male');

1. 最后，可以使用URLSearchParams对象的toString方法将参数转换为URL字符串。例如，假设urlParams对象包含name=John和age=25两个参数，可以使用以下代码将其转换为URL字符串：

const urlString = urlParams.toString(); // 结果为"name=John&age=25"

综上所述，以上步骤可以用来制作URL变量。请注意，这只是使用JavaScript制作URL变量的一种方法，具体实现可能会根据需求和场景而有所不同。

参考链接：

• URLSearchParams - MDN Web 文档