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 内置的 Date 对象可以获取当前时间,也可以接收指定的日期。我们可以将两个日期分别转换成毫秒数,然后计算它们之间的差值,就可以知道它们之间相差多少时间。 实现步骤 接下来是具体的实现步骤: 首先,我们需要获取到要比较的两个日期。这里的…

    JavaScript 2023年5月27日
    00
  • 浏览器加载、渲染和解析过程黑箱简析

    浏览器加载、渲染和解析过程黑箱简析 浏览器是用户访问互联网的主要工具之一,那么浏览器是如何加载、渲染和解析网页的呢?这里我们将对这个过程进行完整的攻略。 加载过程 浏览器加载过程主要有以下几个步骤: 浏览器通过DNS查询获取域名对应的IP地址 浏览器向服务器发送HTTP请求,请求获取相应的HTML文件 服务器响应HTTP请求,将HTML文件返回给浏览器 浏览…

    JavaScript 2023年6月11日
    00
  • 使用Javascript在HTML中显示实时时间

    下面是如何使用Javascript在HTML中显示实时时间的完整攻略: 1. 在HTML中创建一个用于显示时间的元素 首先,在HTML中创建一个<span>元素,用于显示实时时间。 <p>现在的时间是:<span id="time"></span>.</p> 在这里,我们使用了一…

    JavaScript 2023年5月27日
    00
  • JavaScript(js)设置默认输入焦点(focus)

    关于如何设置默认输入焦点,我们可以采用js实现。具体步骤如下: 1. 通过js获取输入框元素 要设置默认输入焦点,首先要获取到目标输入框的DOM元素。可以通过js中的document.getElementById()或document.querySelector()方法获取到输入框元素并保存到变量中,具体代码如下: // 使用getElementById方法…

    JavaScript 2023年6月11日
    00
  • js使用正则实现ReplaceAll全部替换的方法

    下面是使用正则实现 ReplaceAll 全部替换的方法的攻略。 什么是 ReplaceAll ReplaceAll 是指使用一定规则,将一个字符串中所有匹配到的子字符串全部替换为新的字符串,而不仅仅是替换第一个匹配到的子字符串。 实现 ReplaceAll 的方法 JavaScript 自带的 replace() 方法只会替换首个匹配到的子串,无法实现 R…

    JavaScript 2023年6月10日
    00
  • jsp+servlet简单实现上传文件功能(保存目录改进)

    下面我会详细讲解“jsp+servlet简单实现上传文件功能(保存目录改进)”的完整攻略。 1. 基本介绍 在Java Web开发中,如果需要实现文件上传功能,可以使用jsp+servlet技术实现。具体实现过程中需要用到JDK提供的multipart/form-data类型数据处理方式。下面我们来看看如何实现。 2. 实现步骤 一、创建html页面,页面中…

    JavaScript 2023年6月10日
    00
  • JavaScript实现密码框输入验证

    当我们开发一个表单应用时,用户在密码框中输入密码时,我们需要确保用户输入的密码在不显示明文的情况下是正确的。JavaScript中可以使用一些技术来实现这个目标,包括事件监听、DOM操作和正则表达式等。 以下是实现“JavaScript实现密码框输入验证”的完整攻略: 步骤1:创建密码框 我们需要创建一个密码框,使我们的用户能够输入密码。在HTML中,可以使…

    JavaScript 2023年6月10日
    00
  • javascript 自定义常用方法

    那么我们来详细讲解一下“JavaScript自定义常用方法”的攻略。 准备工作 在展开说明之前,需要掌握一些基本的 JavaScript 知识,包括: JavaScript 函数的基本用法 JavaScript 作用域和闭包 JavaScript 对象的基本用法 自定义方法的定义 在 JavaScript 中,我们可以通过定义函数的方式来实现自定义方法。如下…

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