jQuery Select current script tag

Question

Does somebody know if its possible to select the current script-tag with jQuery without any other selectordefinitions?

<script type="text/javascript">
$(document).ready( function(){
    // Here i need to select the current tag "<script ..."
})
</script>

possible duplicate of [How may I reference the script tag that loaded the currently-executing script?](http://stackoverflow.com/questions/403967/how-may-i-reference-the-script-tag-that-loaded-the-currently-executing-script) — Flimm, Jun 30 '15 at 15:53

score 9 · Accepted Answer · answered Aug 01 '14 at 17:42

9

Outside the document ready method, just do $('script').last();:

<script type="text/javascript">
var currentScript = $('script').last();
$(document).ready( function(){
    //Use the variable currentScript here
})
</script>

Or simply give an id to your script.

answered Aug 01 '14 at 17:42

Karl-André Gagnon

33,662
5
50
75

2

I presume this won't work if the original script tag had the `defer` or `async` attributes set. – Flimm Jun 30 '15 at 15:51
3

This doesn't make sense at all. It makes a huge assumption that your script tag is the last one in the page. – Jake Wilson Dec 31 '15 at 21:12
7

↑ It is last one at the moment of its execution, that's why the code must be outside the `ready` event callback. – PunchyRascal Feb 16 '16 at 16:34
Is this true when there are other tags with `async` on them? – cjm2671 Jun 01 '19 at 10:57
@cjm2671The ID part works no matter what, as long as the ID is unique. The snippet works as long as the tag containing the specified code is not `async` – Karl-André Gagnon Jun 03 '19 at 13:13

Vincent Pazeller · Answer 2 · 2019-08-07T12:04:02.613

The most robust way to achieve this is:

<script>
 (function(script){
    //do whatever you want with script here...
 })(document.currentScript);
</script>

It is more robust than other solutions because you may also use it after the document has loaded. Also it does not require the definition of a variable (if you have several script tags this might be an issue since you cannot reuse the same variable name). With JQuery:

<script>
     (function(script){
        $(document).ready(function(){
            // do whatever you want after the DOM as loaded here...
        });
     })(document.currentScript);
</script>

score 5 · Answer 3 · answered Aug 01 '14 at 17:51

5

I think this is fastest way

<script type="text/javascript">
    var scripts = document.getElementsByTagName("script");
    var thisScript = scripts[scripts.length - 1];
</script>

answered Aug 01 '14 at 17:51

Sargis Markosyan

146
1
3

2

I like the non-jQuery approach – jasonscript Mar 31 '15 at 04:29
1

I presume this won't work if the original script tag had the `defer` or `async` attributes set. – Flimm Jun 30 '15 at 15:52
2

What if there are multiple script tags on the page? This doesn't select the script tag that surrounds the current javascript. It just selects the last one on the page. – Jake Wilson Dec 08 '15 at 19:02
2

@JakeWilson As commented on Karl-André Gagnon's similar answer, when the browser encounters this script tag, it is the last one on the page (as long as `defer` or `async` aren't set). – Teepeemm Aug 08 '19 at 02:34

score 2 · Answer 4 · answered Dec 14 '18 at 14:16

<script type="text/javascript">
  var currentScript = document.currentScript || (function() {
     var scripts = document.getElementsByTagName('script');
     return scripts[scripts.length - 1];
  })();
<script/>

document.currentScript works on most browsers and scripts[scripts.length - 1] is the fallback for the other ones (wich may impose some restrictions to <script async>).

Further discussion

Lugarini · Answer 5 · 2019-03-07T16:41:32.657

-1

try this

var scripts = document.getElementsByTagName("script");
var thisScript = scripts[scripts.length - 1];

edited Mar 07 '19 at 16:41

answered Aug 01 '14 at 17:42

Lugarini

792
5
11
32

2

This returns the `type` attribute of *all* script tags. – Flimm Jun 30 '15 at 15:52
The previous comment refers to a prior version of this answer. The current answer is now similar to several other answers on this page. – Teepeemm Aug 08 '19 at 02:36

jQuery Select current script tag

5 Answers5