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') ?
oivvio
3,1662 gold badges36 silver badges42 bronze badges
asked Jul 10, 2011 at 15:56
Freshblood
6,49110 gold badges62 silver badges99 bronze badges
2 Answers 2
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
Even jQuery remove added scripts. Try this $('<script src="sample.js">').appendTo('body');
answered Jul 10, 2011 at 15:59
Matt Ball
361k102 gold badges655 silver badges725 bronze badges
3 Comments
Matt Ball
@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
@MattBall - can/would you update it again please? :)
lang-js