document.currentScript is null

Question

Browser is Chrome, document.currentScript should be supported but

index.html

<link href="css/main.css" rel="stylesheet" /> <script src="1.js"></script> <style> 

1.js

setInterval(function() {   var fullUrl = document.currentScript.src;   console.log(fullUrl) },2000) 

Error :  1.js:4 Uncaught TypeError: Cannot read property 'src' of null 

Answer 1

document.currentScript only returns the script that is currently being processed. During callbacks and events, the script has finished being processed and document.currentScript will be null. This is intentional, as keeping the reference alive would prevent the script from being garbage collected if it's removed from the DOM and all other references removed.

If you need to keep a reference to the script outside of any callbacks, you can:

var thisScript = document.currentScript;  setInterval(() => console.log(thisScript.src), 2000); 

Answer 2

You can keep the reference of document.currentScript outside the callback

var currentScript = document.currentScript;  setInterval(function(){     var fullUrl = currentScript.src;     console.log(fullUrl) },2000);