在Web开发中，经常需要对URL进行解析和操作。URI.js是一个强大的JavaScript库，它提供了一整套工具来简化这些任务。本文将介绍URI.js的一些常用方法和API，包括如何获取文件名和解析URI。
简介URI.js是一个独立的库，可以在浏览器和Node.js环境中使用。它支持最新和旧的URL标准，使得处理URI变得简单而直观。
安装你可以通过npm来安装URI.js：
1npm install urijs
esm 模块中使用：
1import URI from 'urijs'或者直接在HTML文件中通过script标签引入：
1
基本用法创建URI实例1var uri = new URI("http://example.com/path?query=string#fragment");解析URIURI.js的parse方法可以将一个URI字符串分解为其组成部分：
123var parts = URI.parse("http://example.com/path?query=string#fragment");console.log(parts);// 输出：{ protocol: 'http:', ..., path: '/path', ... }
访问URI组成部分12345console.log(uri.protocol()); // 输出：http:console.log(uri.host()); // 输出：example.comconsole.log(uri.path()); // 输出：/pathconsole.log(uri.query()); // 输出：query=stringconsole.log(uri.fragment()); // 输出：fragment修改URI123uri.setPath("/newPath");uri.setQuery("newKey=newValue");uri.setFragment("newFragment");编码和解码12var encoded = URI.encode("Hello, World!");var decoded = URI.decode(encoded);解析查询字符串12var query = uri.query(true); // 返回一个对象console.log(query.newKey); // 输出：newValue序列化URI1var serializedUri = uri.toString();获取文件名如果你需要从路径中提取文件名，可以使用filename方法：
123456789101112var uri = new URI("http://example.org/foo/hello.html");// get filenameuri.filename(); // returns string "hello.html" (no leading slash)// set filenameuri.filename("world.xml"); // returns the URI instance for chaining// uri == "http://example.org/foo/world.xml"// will encode for youuri.filename("hello world.html");uri.filename() === "hello%20world.html";// will decode for youuri.filename(true) === "hello world.html";
高级用法相对URI12var relativeUri = new URI("path?query");relativeUri = baseUri.relativeTo(relativeUri);比较URI1var isSame = uri1.equals(uri2);构建绝对URI1var absoluteUri = relativeUri.absoluteTo();结语URI.js是一个功能丰富、易于使用的库，它提供了许多工具方法来处理URI。无论是简单的URI解析，还是复杂的URI操作，URI.js都能满足你的需求。
参考文档：
官方文档npm文档欢迎访问：天问博客
本文作者： Tiven发布时间： 2024-06-19最后更新： 2024-06-26本文标题： URI.js：JavaScript中的URI处理利器本文链接： https://www.tiven.cn/p/9b10a3d9/版权声明： 本作品采用 CC BY-NC-SA 4.0 许可协议进行许可。转载请注明出处！