jQuery getScript method's internal process

Question

I am trying to understand the internal process of getScript. I am aware that it uses $.get method interally.I was thinking that jQuery puts a script tag reference into the DOM for being able execute that js file but I couldn't find script references of loaded scripts by getScript in the DOM .

So how does jQuery execute loaded scripts without script tag references in the DOM?

$.getScript('gallery.js') is exactly same thing with $('<script src="gallery.js">').appendTo('body') ?

Felix Kling · Accepted Answer · 2011-07-10 16:05:14Z

7

This is the interesting part in the source code.

jQuery seems to just receive the text and evaluates it in global scope:

converters: {
    "text script": function( text ) {
        jQuery.globalEval( text );
        return text;
    }
}

In case you load the script from a different domain, jQuery adds a new script tag:

head.insertBefore( script, head.firstChild );

but removes it once the code was loaded:

// Remove the script
if ( head && script.parentNode ) {
    head.removeChild( script );
}

answered Jul 10, 2011 at 16:05

Felix Kling

820k181 gold badges1.1k silver badges1.2k bronze badges

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

1 Comment

Freshblood Over a year ago

Even jQuery remove added scripts. Try this $('<script src="sample.js">').appendTo('body');

Matt Ball · Accepted Answer · 2013-02-25 18:03:05Z

5

Luke, use the source.

_{(note these links are to an old commit)}

edited Feb 25, 2013 at 18:03

answered Jul 10, 2011 at 15:59

Matt Ball

361k102 gold badges655 silver badges725 bronze badges

3 Comments

Matt Ball Over a year ago

@ZMorek yes. This answer is 18 months old, and jQuery has continued active development. I've updated to link to a revision from back then.

vsync Over a year ago

@MattBall - can/would you update it again please? :)

ruffin Over a year ago

You found the source, but I don't know that you've used the source to answer "how". And that's really the most important part of the source: the using. Anybody can just find them (though I have to admit I'm really happy that you did). (apologies to Jerry)

Collectives™ on Stack Overflow

jQuery getScript method's internal process

2 Answers 2

1 Comment

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related