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日

相关文章

  • Javascript继承机制的设计思想分享

    Javascript继承机制的设计思想分享 概述 Javascript是一门基于原型实现的语言,继承机制是Javascript的核心概念之一。本文将讲述Javascript继承机制的设计思想和实现方式,为读者提供全面的知识体系。 原型链 Javascript的继承机制是基于原型链实现的,原型链是一种基于对象的链式结构。每个Javascript对象都有一个指向…

    JavaScript 2023年6月11日
    00
  • Linux下使用jq友好的打印JSON技巧分享

    Linux下使用jq友好的打印JSON技巧分享 什么是jq? jq是一个轻量级的命令行JSON处理工具,它具有过滤、修改和转换JSON数据的功能,并且非常灵活和强大。 安装jq 在大多数Linux发行版上,jq可以通过软件包管理器来安装,例如在Debian/Ubuntu上,可以使用以下命令: sudo apt-get install jq 如果使用的是其他发…

    JavaScript 2023年5月27日
    00
  • 原生js的ajax和解决跨域的jsonp(实例讲解)

    关于原生JS的AJAX和JSONP的介绍和实例讲解,我将从以下三个部分来进行详细解答。 AJAX的介绍和使用方法 AJAX全称为Asynchronous JavaScript and XML(异步的JavaScript和XML),是一种前端常用数据交换技术,能够实现页面异步刷新,避免了页面重新刷新的效果,减轻服务器对请求的压力。使用AJAX技术可以更好的优化…

    JavaScript 2023年5月27日
    00
  • JavaScript实现输入框(密码框)出现提示语

    要实现输入框或密码框出现提示语,通常可以通过JavaScript来实现。以下是实现该功能的具体攻略: 1. 使用placeholder属性 可以利用HTML标准中已有的placeholder属性来为输入框或密码框添加提示语。通过设置placeholder属性,输入框或密码框右侧会出现灰色文字,提醒用户输入内容的要求。当用户开始在输入框或密码框内输入内容时,灰…

    JavaScript 2023年6月10日
    00
  • javaScript array(数组)使用字符串作为数组下标的方法

    使用字符串作为数组下标的方法在Javascript中称为关联数组。下面是实现关联数组的步骤以及示例说明。 1. 声明一个空数组 首先,我们需要声明一个空数组作为基础。 let myArray = []; 2. 使用字符串下标存储值 接下来,我们可以使用字符串作为数组的下标存储值。 myArray["name"] = "Lucy&…

    JavaScript 2023年5月27日
    00
  • javascript 玩转Date对象(实例讲解)

    Javascript 玩转 Date 对象(实例讲解) 日期和时间在 Javascript 中有着非常重要的地位,而 Date 对象则是用于处理日期和时间的核心对象。在本攻略中,我们将介绍 Date 对象的常用的方法和属性,并提供一些在实际项目中可能会用到的示例供参考。 初始化 Date 对象 在创建 Date 对象时,可以使用以下语句: var date …

    JavaScript 2023年6月10日
    00
  • 百度用到的Js日历 大家可以看看

    让我来详细讲解一下: 百度用到的JS日历 简介 百度用到的JS日历组件是一个基于原生JavaScript开发的日历组件,通过引入该组件可以方便地在网页中展示日历选择器,供用户选择日期。 该组件具有以下特点: 支持多种语言,包括中文、英文、韩文等; 支持自定义选中日期后的回调函数; 支持配置日历初始时间; 支持禁用某些日期的选择; CSS样式可定制化。 如何使…

    JavaScript 2023年6月11日
    00
  • Javascript Date setUTCFullYear() 方法

    以下是关于JavaScript Date对象的setUTCFullYear()方法的完整攻略,包括两个示例说明。 JavaScript Date对象的setUTCFullYear()方法 JavaScript的setUTCFullYear()方法设置对象UTC年份部分。该方法接受一个整数,表示要设置的UTC年份。如果该参数超出了JavaScript所能表示的…

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