How can an external JavaScript determine the URL from which it was included?

Question

I have an external JavaScript file and I'd like to know the src attribute value URL that was used to include it in the tag from the HTML document. For example:

<script src='https://foo.bar/baz.js'><script>

And then inside baz.js I'd like to write this code:

let mysrc = getMySrc() // Should return https://foo.bar/baz.js

Is it possible to write a getMySrc() function that does this?

developer.mozilla.org/en-US/docs/Web/API/Document/currentScript — Jaromanda X
– Jaromanda X, Commented Aug 16, 2022 at 2:24

CertainPerformance · Accepted Answer · 2022-08-16 02:22:48Z

1

Use:

const src = document.currentScript.getAttribute('src');

This works because document.currentScript will refer to the script tag corresponding to the currently running script.

answered Aug 16, 2022 at 2:22

CertainPerformance

373k55 gold badges354 silver badges359 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

tim · Accepted Answer · 2022-09-10 01:52:54Z

0

In addition to the answer by @CertainPerformance. To get the resolved URL and not just what the script parameter stated:

const url = document.currentScript.src;

To get the directory where it originated:

let url = new URL(document.currentScript.src);
const dir = url.origin + url.pathname.replace(/\/[^\/]+$/, '/');

edited Sep 10, 2022 at 1:52

answered Sep 10, 2022 at 1:36

tim

2,7363 gold badges33 silver badges49 bronze badges

Collectives™ on Stack Overflow

How can an external JavaScript determine the URL from which it was included?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related