JavaScript获取URL指定参数值的自定义函数示例

ChatGPT4o 使用 ChatGPT 4o 回答

问题:

使用js写一个自定义函数,用来获取url后面的指定参数的值。

回答:

当然!你可以使用JavaScript编写一个自定义函数来获取URL中的指定参数值。以下是一个示例函数:

function getQueryParam(url, param) {
    // 创建一个URL对象
    let urlObj = new URL(url);
    
    // 使用URLSearchParams对象来处理查询参数
    let params = new URLSearchParams(urlObj.search);
    
    // 获取指定参数的值
    return params.get(param);
}

// 示例用法
let url = "https://example.com/page?name=JohnDoe&age=25";
let paramName = "name";
let paramValue = getQueryParam(url, paramName);

console.log(paramValue); // 输出: JohnDoe

这个函数 getQueryParam 接受两个参数:

  1. url:包含查询参数的完整URL。
  2. param:你想要获取的参数的名称。

函数内部使用了 URLURLSearchParams 对象来解析URL并获取指定参数的值。这样可以确保代码的简洁和可读性。

你可以根据需要调用这个函数来获取不同的参数值。