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

yizhihongxing

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日

相关文章

  • 用JavaScript计算在UTF-8下存储字符串占用字节数

    首先,我们需要了解UTF-8编码方式对于Unicode字符的存储规则。UTF-8使用一至四个字节来表示一个Unicode字符,其中使用一个字节来存储单字节字符,使用两至三个字节来存储双字节字符,使用四个字节来存储三至四字节字符。 接下来,我们可以使用JavaScript编写一个函数来计算某个字符串在UTF-8下占用字节数,具体过程如下: 将字符串转换为UTF…

    JavaScript 2023年5月19日
    00
  • js function定义函数使用心得

    那么让我们来详细讲解一下“js function定义函数使用心得”的完整攻略。 1. 定义函数 在JavaScript中,定义函数主要有两种方式:函数声明和函数表达式。 1.1 函数声明 函数声明由function关键字后跟函数名和包含在一对圆括号中的参数列表构成,其语法格式如下: function functionName(parameter1, para…

    JavaScript 2023年5月27日
    00
  • JS合并数组的几种方法及优劣比较

    JS合并数组的几种方法及优劣比较 在JavaScript编程中,经常需要将两个或多个数组合并成一个新数组。下面将会介绍几种常用的合并数组的方法,并对它们的优劣进行比较。 方法一:concat() 方法 concat() 方法是 JavaScript 中最基础的数组合并方法。它可以将两个或多个数组合并成一个新数组。 let arr1 = [1, 2, 3]; …

    JavaScript 2023年5月27日
    00
  • 记录-Symbol学习笔记

    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 Symbol是JavaScript中的原始数据类型之一,它表示一个唯一的、不可变的值,通常用作对象属性的键值。由于Symbol值是唯一的,因此可以防止对象属性被意外地覆盖或修改。以下是Symbol的方法和属性整理: 属性 Symbol.length Symbol构造函数的length属性值为0。 …

    JavaScript 2023年5月5日
    00
  • JS中dom0级事件和dom2级事件的区别介绍

    JS中事件分为DOM0级事件和DOM2级事件。 DOM0 级事件:是将一个函数赋值给一个事件处理程序属性,如下所示: document.getElementById("button").onclick = function(){ alert("Hello World!"); } DOM2级事件:定义了两个方法 用于指定…

    JavaScript 2023年6月10日
    00
  • Javascript入门学习第五篇 js函数第1/2页

    下面是“Javascript入门学习第五篇 js函数第1/2页”的完整攻略: 什么是函数 函数是对一段可复用代码的封装。函数接收输入(称为参数),并在结构化的语句块内执行特定操作。函数可以返回值(也可以不返回)作为输出。 在JavaScript中,我们可以使用function关键字来定义一个函数。一个函数定义通常由以下部分组成: 关键字function 函数…

    JavaScript 2023年5月18日
    00
  • 详解angularjs获取元素以及angular.element()用法

    首先在讲解“详解angularjs获取元素以及angular.element()用法”的完整攻略前,我们需要了解一些前置知识。 前置知识 1. AngularJS 框架 AngularJS是一款由Google主导开发的前端框架。AngularJS的主要优点有: MVVM模式,分离了视图和逻辑,使代码更易维护。 具有依赖注入功能,这实现了组件之间的松散耦合,增…

    JavaScript 2023年6月10日
    00
  • JS中的数组的sort方法使用示例

    下面是“JS中的数组的sort方法使用示例”的完整攻略。 什么是sort方法 sort方法是JavaScript中数组原型对象的一个方法,可以用来对数组元素进行排序操作。sort方法默认按照字符编码的顺序进行排序。 sort方法基本语法 sort方法的基本语法如下: array.sort([compareFunction]) 其中,array是待排序的数组对…

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