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日

相关文章

  • div css 实现tabs标签的思路及示例代码

    让我来为你详细讲解如何使用div和CSS实现tabs标签。 一、思路 假设我们需要实现一个tabs标签,首先需要以下几步: 将标签划分为两部分:内容区和导航区; 内容区包含全部标签页的内容,导航区用于切换标签页; 导航区的每个按钮都有一个相对应的标签页,点击导航区的某个按钮可以显示对应的标签页; 显示的标签页需要隐藏其他标签页,以显示当前标签页的内容。 基于…

    JavaScript 2023年6月11日
    00
  • 利用css+原生js制作简单的钟表

    下面为您详细讲解“利用 CSS + 原生 JavaScript 制作简单的钟表”攻略。 准备工作 首先,我们需要准备以下工具: 代码编辑器:Visual Studio Code、Sublime Text、Atom 等。 网页浏览器:Chrome、Firefox、Safari 等。 制作步骤 接下来,我们按照以下步骤来制作简单的钟表: 1. HTML 结构 我…

    JavaScript 2023年5月27日
    00
  • 微信小程序接入腾讯云验证码的方法步骤

    下面就为你详细讲解“微信小程序接入腾讯云验证码的方法步骤”的完整攻略。 一、前置准备 1.1 注册腾讯云账户 首先需要前往腾讯云官网注册一个账号,如果已有腾讯云账户则可以直接登录。 1.2 在腾讯云上开通验证码服务 在腾讯云控制台中,搜索并进入“验证码”服务,按照提示开通并配置相应的参数。 1.3 在小程序后台获取小程序 appid 在微信公众平台的小程序管…

    JavaScript 2023年6月10日
    00
  • Javascript作用域和作用域链原理解析

    Javascript作用域和作用域链是Javascript中重要的概念,理解它们可以帮助我们更好地编写代码和处理变量与函数之间的关系。 什么是Javascript作用域 Javascript作用域是指变量和函数的可访问范围。在Javascript中,有三种作用域: 全局作用域 函数作用域 块级作用域(ES6新增) 全局作用域中定义的变量和函数可以在整个应用程…

    JavaScript 2023年6月10日
    00
  • JavaScript动态创建div等元素实例讲解

    针对“JavaScript动态创建div等元素实例讲解”的完整攻略,我给出以下内容: 1. 动态创建元素 在 JavaScript 中,我们可以使用 document.createElement() 方法来动态创建元素。其语法格式如下: var element = document.createElement(tagName); 其中,tagName 表示要…

    JavaScript 2023年6月10日
    00
  • 详解JavaScript如何准确获取任意变量的数据类型

    获取JavaScript变量的数据类型是一个非常常见的需求,今天我来细致地讲解一下JavaScript如何准确获取任意变量的数据类型的攻略。 获取JavaScript变量的数据类型 在JavaScript中,我们可以使用typeof运算符来获取任意变量的数据类型。该运算符返回的是一个字符串,表示所对应变量的数据类型。 例如:下面是使用typeof运算符获取数…

    JavaScript 2023年6月10日
    00
  • c#后台输出javascript语句示例程序

    针对“c#后台输出javascript语句示例程序”的完整攻略,我们可以按照以下步骤进行: 1. 建立ASP.NET网站 首先需要建立ASP.NET网站,可采用Visual Studio等工具进行开发。在新建Web Form时,记得选用ASP.NET Web Application类型。 2. 编写C#后台代码 在网站中,找到需要输出JavaScript语句…

    JavaScript 2023年5月27日
    00
  • js读取本地文件的实例

    下面是详细的讲解和示例说明。 什么是读取本地文件的实例? 在网页中,我们有时需要读取本地的文件,比如图片、音频、视频等等。而JavaScript是不允许直接访问本地文件系统的,因为这会给用户的计算机带来安全隐患。但是,如果我们得到了用户选择的文件,那么我们就可以通过操作这个文件对象来读取它的内容。 如何读取本地文件? 前提条件:用户选择了文件 我们可以通过以…

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