代码拉取完成,页面将自动刷新
parseURL.js - 专门解析 URL 地址信息的 JavaScript 工具。
编写 parseURL.js 主要是为初学 JavaScript 的朋友了解在 JavaScript 中如何使用 JavaScript 解析 URL?而开发的。当然,parseURL.js 也完全可以胜任在实际产品开发的应用。
![]() |
![]() |
![]() |
![]() |
![]() |
---|---|---|---|---|
IE11, Edge | last 10 versions | last 10 versions | last 10 versions | last 10 versions |
parseURL.js 支持 AMD 和 CommonJS 规范的模块调用方式,可以直接使用 npm 安装,也可以使用 script 标签引入到页面。
npm i -S @yaohaixiao/parseurl.js
可以根据项目的实际情况,选择调用 CDN 文件或者本地文件。
<script src="https://cdn.jsdelivr.net/gh/yaohaixiao/parseurl.js/parseURL.min.js"></script>
<script src="path/to/parseURL.min.js"></script>
parseURL.js 支持 UMD 模块规范,也支持作为 ES6 模块使用。
// Node.js 环境中使用
const parseURL = require('@yaohaixiao/parseurl.js')
// 使用绝对路径
const url = parseURL('https://github.com/yaohaixiao/parseurl.js?id=23')
// 获取查询字符串中 id 的值,如果没有则返回空
url.searchParams.get('id') // -> '23'
// 作为 ES6 模块使用
import parseURL from '@yaohaixiao/parseurl.js/esm/parseURL'
// parseURL() 方法的核心实现,分别采用正则表达式和 URL 构造函数解析
import parseURLWithRegExp from '@yaohaixiao/parseurl.js/esm/parseURLWithRegExp'
import parseURLWithURLConstructor from '@yaohaixiao/parseurl.js/esm/parseURLWithURLConstructor'
// 使用基础路径
const url = parseURL('/yaohaixiao/parseurl.js?age=24', 'https://github.com')
// 获取查询字符串中 age 的值,如果没有则返回空
url.searchParams.get('age') // -> '24'
parseURL.js 提供了一个核心方法 parseURL().
Type: String
Default: ``
(必须)表示绝对或相对 URL 的字符串。如果 url 是相对 URL,则会将 base 用作基准 URL。如果 url 是绝对URL,则无论参数base是否存在,都将被忽略;
Type: String
Default: ``
(必须)表示基准 URL 的字符串。在 url 是相对 URL 时,它才会起效。如果未指定,则默认为 ”;
Type: Object
返回解析 URL 地址信息后的(JSON)对象:
const url = parseURL('https://yaohaixiao:parseUrl.js@github.com:8080/yaohaixiao/parseurl.js?col=24&row=23#top')
// ->
// {
// href: "https://yaohaixiao:parseUrl.js@github.com:8080/yaohaixiao/parseurl.js?col=24&row=23#top",
// origin:
// "https://github.com:8080",
// protocol: "https:",
// username: "yaohaixiao",
// password: "parseUrl.js",
// hostname: "github.com",
// port: "8080",
// host: "github.com:8080",
// pathname: "/yaohaixiao/parseurl.js",
// search: "?col=24&row=23",
// path: "/yaohaixiao/parseurl.js?col=24&row=23",
// hash: "#top",
// searchParams: {
// get(prop) {
// // ... 获取 search 数据的方法
// }
// }
// }
Licensed under MIT License.
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。