document.currentScript ist null

Question

Browser ist Chrome. 1.js: 4 Uncaught Typeerror: kann nicht lesen Eigenschaft 'src' von document.currentScript sollte aber

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) 

Fehler unterstützt werden Null

Answer 1

document.currentScript nur returns the script that is currently being processed. Während Rückrufen und Ereignissen wurde das Skript verarbeitet und document.currentScript wird null sein. Dies ist beabsichtigt, da das Beibehalten des Verweises verhindern würde, dass das Skript als Garbage Collection erfasst wird, wenn es aus dem DOM entfernt wird und alle anderen Referenzen entfernt werden.

Wenn Sie außerhalb von irgendwelchen Rückrufe einen Verweis auf das Skript zu halten, können Sie:

var thisScript = document.currentScript; 

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

Answer 2

Sie haben the documentation nicht gelesen, das sagt:

It's important to note that this will not reference the <script> element if the code in the script is being called as a callback or event handler; it will only reference the element while it's initially being processed.

Answer 3

Sie die Referenz der außerhalb des Callback-document.currentScript halten

var currentScript = document.currentScript; 

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