在使用 javascript 处理 url 参数时,若遇到中文或其他特殊字符导致的乱码问题,可借助 encodeuricomponent() 与 decodeuricomponent() 方法进行标准化编码与还原,从而保障参数在传输和解析过程中的准确性。
1、 打开 HBuilderX 工具,新建一个 HTML 页面,并在页面中引入 jQuery 库文件。

2、 在 区域中插入两个 元素,分别为它们设置互不相同的 id 属性,便于后续 JS 操作。

3、 在 jQuery 的 $(document).ready() 初始化函数中,定义一个包含中文内容的字符串变量 url,作为待处理的路径示例。

4、 对该 url 字符串依次执行 encodeURIComponent() 编码操作和 decodeURIComponent() 解码操作,并将各自结果分别写入两个输入框中。
5、 完成代码编写并保存后,运行项目查看效果,此时两个输入框中显示的内容将明显不同。

6、 为提升可读性,可通过 CSS 设置输入框的宽度、字体大小及行高等样式属性,确保文本完整、清晰地呈现。

7、 页面刷新后,第一个输入框将展示经过 URI 编码后的字符串(如 %E4%B8%AD%E6%96%87),第二个则显示成功还原后的原始中文路径。











