JavaScript获取当前运行脚本文件所在目录的方法

JavaScript获取当前运行脚本文件所在目录的方法可以通过以下两种方式来实现:

方法一:使用document.currentScript获取

可以使用 document.currentScript 获取当前运行脚本的元素,进而通过 src 属性获取运行脚本所在的路径。

示例代码如下:

const scriptUrl = document.currentScript.src;
const scriptPath = scriptUrl.substring(0, scriptUrl.lastIndexOf("/"));
console.log(scriptPath);

以上示例代码中,document.currentScript.src 用来获取当前脚本的 URL 地址,scriptUrl.substring(0, scriptUrl.lastIndexOf("/")) 用来获取当前脚本所在的目录路径。最后通过 console.log(scriptPath) 输出该路径。

方法二:使用import.meta.url获取

可以使用 import.meta.url 获取当前执行文件的完整 URL,然后通过 new URL(uri).pathname 获取该 URL 的路径。

示例代码如下:

const filePath = new URL(import.meta.url).pathname;
const scriptDir = filePath.substring(0, filePath.lastIndexOf("/"));
console.log(scriptDir);

以上示例代码中,new URL(import.meta.url) 用来获取当前执行文件的 URL 地址,new URL(uri).pathname 用来获取该 URL 的路径。最后通过 console.log(scriptDir) 输出该路径。

以上两种方法都可以获取当前运行脚本所在目录的路径,可以根据不同的需求选择使用。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:JavaScript获取当前运行脚本文件所在目录的方法 - Python技术站

(1)
上一篇 2023年5月27日
下一篇 2023年5月27日

相关文章

  • 一个简易时钟效果js实现代码

    下面我将为您详细讲解实现一个简易时钟效果的JavaScript代码。 实现步骤 1. HTML代码 首先,在页面中需要有一个DOM元素用来显示时钟,如下所示: <div id="clock"></div> 2. CSS代码 通过CSS样式调整时钟的外观,如下所示: #clock { width: 150px; he…

    JavaScript 2023年5月27日
    00
  • pdf.js 使用

    pdf文件能够比较好的保留源格式,传输也比较方便,现PC端浏览器基本都可直接查看pdf文件,只是界面风格不怎么统一,但是手机端查看pdf文件就不能很好的只“预览”,往往都是自动下载到本地再查看,今天分享pdf.js,主要用于在线pdf预览,平时我使用比较多的场景就是培训手册。 我用的是1.1.159,版本比较旧,解压后文件只有3.66 MB。     使用方…

    JavaScript 2023年4月18日
    00
  • JS前后端实现身份证号验证代码解析

    下面是“JS前后端实现身份证号验证代码解析”的完整攻略。 前言 身份证号是人们最常用的个人身份证明,因此在各个业务场景中,我们经常需要对输入的身份证号进行格式验证。本文将介绍如何使用 JavaScript 在前后端实现身份证号验证,帮助开发者更好地应对业务需求。 方案概述 实现身份证号验证的主要过程如下: 在前端通过 JavaScript 判断用户输入的身份…

    JavaScript 2023年6月10日
    00
  • 详解js中构造流程图的核心技术JsPlumb

    “详解js中构造流程图的核心技术JsPlumb”是一个比较深入技术的话题,下面我将为你进行详细讲解: JsPlumb简介 JsPlumb是一款开源的js工具,用于在web应用程序中可视化构建连接线路和流程图。它支持大量的浏览器,包括 IE 6+,Firefox,Chrome,Safari以及Opera。JsPlumb不依赖于任何其他库或框架,主要提供基于DO…

    JavaScript 2023年5月27日
    00
  • JavaScript手写一个前端存储工具库

    标题:JavaScript手写一个前端存储工具库 简介 前端存储工具库是用于在客户端存储数据的工具,常见的有Cookie、localStorage、sessionStorage等。今天我们将学习如何手写一个前端存储工具库,以方便我们在实际开发中使用。 代码实现 我们将实现一个名为store的前端存储工具库,支持以下功能: 存储:可支持存储值类型、对象类型以及…

    JavaScript 2023年5月27日
    00
  • 动态加载js文件 document.createElement

    动态加载JavaScript文件可以提高网页的性能,避免在页面加载时全部加载JavaScript文件导致的性能问题。常见的通过JavaScript动态加载JS文件的方法是通过创建标签并添加到文档中。而document.createElement是这个过程中一个必备的步骤。 使用document.createElement(“script”)方法动态加载JS文…

    JavaScript 2023年5月27日
    00
  • 如何在JavaScript中等分数组的实现

    要在JavaScript中实现将一个数组等分成n个子数组的过程,可以按照以下步骤进行: 设置一个函数,用于等分数组 首先,我们需要设置一个函数,用于将原始数组等分成n个子数组。该函数可以设置两个参数,分别是原始数组和要分成的子数组的个数。 function splitArrayIntoChunks(array, chunks) { // 在此处添加代码 } …

    JavaScript 2023年5月27日
    00
  • 通过JavaScript控制字体大小的代码

    控制字体大小是网页设计中常用的一项功能,本文将详细讲解如何通过JavaScript控制字体大小的代码。 如何通过JavaScript控制字体大小 我们可以通过修改元素的style属性来改变字体大小。以下是实现的步骤: 获取要改变字体大小的元素。可以使用document.getElementById()方法获取元素。 使用element.style.fontS…

    JavaScript 2023年6月11日
    00
合作推广
合作推广
分享本页
返回顶部