参数及脚本运行异常：如何提取指定URL的参数值并打印？

看起来你在处理本地HTML文件的URL参数时遇到了问题，别担心，我们可以用几种简单的方法来提取file:///C:/Users/laddi/Desktop/new%201.html?t=vindu&b=thind里的t和b参数值。

方法1：利用原生URL API（推荐） #

现代浏览器和Node.js都支持原生的URL对象，它能轻松处理包括file协议在内的各种URL，自动帮你解析参数：

// 如果你是在页面中，可以直接用window.location.href获取当前URL
const targetUrl = 'file:///C:/Users/laddi/Desktop/new%201.html?t=vindu&b=thind';
const urlObj = new URL(targetUrl);

// 获取指定参数的值
const tValue = urlObj.searchParams.get('t');
const bValue = urlObj.searchParams.get('b');

// 打印结果
console.log(`t参数的值是：${tValue}`);
console.log(`b参数的值是：${bValue}`);

运行这段代码后，你会得到：

t参数的值是：vindu
b参数的值是：thind

这个方法的好处是不用自己处理URL编码、参数分割这些细节，API已经帮你搞定了，兼容性也很好。

方法2：手动解析参数（兼容老环境） #

如果你的运行环境不支持URL API，也可以手动分割URL字符串来提取参数：

const targetUrl = 'file:///C:/Users/laddi/Desktop/new%201.html?t=vindu&b=thind';

// 先分离出参数部分（从?开始的部分）
const paramsSegment = targetUrl.split('?')[1];

if (paramsSegment) {
  // 将参数分割成键值对数组
  const paramPairs = paramsSegment.split('&');
  const params = {};

  // 遍历每个键值对，存入对象
  paramPairs.forEach(pair => {
    const [key, encodedValue] = pair.split('=');
    // 解码URL编码的字符（比如处理可能的特殊字符）
    params[key] = decodeURIComponent(encodedValue);
  });

  console.log(`t参数的值是：${params.t}`);
  console.log(`b参数的值是：${params.b}`);
} else {
  console.log('该URL中没有查询参数');
}

为什么你的脚本可能异常？ #

之前脚本运行异常，大概率是这几个原因：

• 没有正确处理file协议的URL，误以为只有http/https URL才有参数
• 手动解析时没考虑URL编码（比如%20这类转义字符），导致分割逻辑出错
• 错误地使用了不支持file协议的参数解析工具

一些注意事项 #

• 如果你是在本地HTML页面中运行脚本，直接使用window.location.href就能获取当前页面的完整URL，不需要硬编码
• 手动解析时一定要用decodeURIComponent解码参数值，避免出现乱码（比如参数里有空格、特殊字符时）
• 现代浏览器和Node.js 10+都支持URL API，优先用这个方法更可靠

内容的提问来源于stack exchange，提问作者Harwinder Singh