当前位置:首页 > JavaScript

js实现路径获取

2026-02-02 19:22:09JavaScript

获取当前文件路径

使用import.meta.url可以获取当前模块的完整URL路径,适用于ES模块环境。配合URL类可以转换为文件路径格式:

const currentPath = new URL(import.meta.url).pathname;
console.log('当前文件路径:', currentPath);

获取执行文件目录

通过process.argv[1]可以获取Node.js执行文件的绝对路径,结合path模块提取目录:

js实现路径获取

const path = require('path');
const dirname = path.dirname(process.argv[1]);
console.log('执行文件目录:', dirname);

解析路径组件

使用path.parse()方法分解路径为对象形式,包含root、dir、base等属性:

const parsed = path.parse('/home/user/file.txt');
console.log('路径分解:', parsed);
/*
{
  root: '/',
  dir: '/home/user',
  base: 'file.txt',
  ext: '.txt',
  name: 'file'
}
*/

路径拼接操作

path.join()方法可跨平台拼接路径片段,自动处理分隔符:

js实现路径获取

const fullPath = path.join(__dirname, 'subdir', 'file.js');
console.log('拼接路径:', fullPath);

相对路径转换

path.relative()计算两个路径间的相对关系:

const relPath = path.relative('/a/b/c', '/a/d/e');
console.log('相对路径:', relPath); // 输出: ../../d/e

浏览器环境路径

浏览器中可通过window.location获取页面URL信息:

console.log('完整URL:', window.location.href);
console.log('路径部分:', window.location.pathname);

标签: 路径js
分享给朋友:

相关文章

js实现验证

js实现验证

验证表单输入 使用JavaScript验证表单输入是常见的需求。可以通过监听表单提交事件,检查输入字段是否符合要求。 document.getElementById('myForm').addEve…

js 实现vue

js 实现vue

Vue.js 的基本实现 在 JavaScript 中实现 Vue.js 的核心功能,可以通过数据绑定、响应式系统和虚拟 DOM 来实现。以下是实现 Vue.js 核心功能的简化版本。 数据响应式系…

js实现瀑布流

js实现瀑布流

实现瀑布流布局 瀑布流布局是一种常见的网页布局方式,常用于图片展示、商品列表等场景。以下是使用 JavaScript 实现瀑布流布局的几种方法。 纯 JavaScript 实现 通过计算元素的位置和…

js实现抽奖

js实现抽奖

实现抽奖功能的基本思路 抽奖功能的核心是随机选择奖项并展示结果。可以通过数组存储奖项,利用随机数生成索引,最后通过动画增强用户体验。 准备奖项数据 定义一个数组存储奖项信息,每个奖项可以包含名称、图…

js实现跑马灯

js实现跑马灯

实现跑马灯效果 使用HTML和JavaScript可以轻松实现跑马灯效果。以下是两种常见的实现方式: HTML结构 <div id="marquee"> <span>…

js进度条实现

js进度条实现

使用HTML和CSS创建基础结构 在HTML中创建一个容器元素用于显示进度条,通常使用<div>元素。CSS用于设置进度条的样式,包括宽度、高度、颜色和圆角等属性。 <div cl…