Add JS tag before </body>

Question

I need to place JS tag( <script src=... ) as last tag before </body> . How to do that at runtime using JS or jQuery?

Answer 1

var myscript = $("<script src='...'>...</script>");
$("body").append(myscript);

Answer 2

Use append function provided by Jquery.

$(document).ready(function(){
 $('body').append('<script src="yourfile.js" type="text/javascript"> </script>');
});

Answer 3

$( "body" ).append(
  "<script src=\"your script source\" type=\"text/javascript\"></script>"
);

and if you want to add it as the first element inside body use prepend

$( "body" ).prepend(
  "<script src=\"your script source\" type=\"text/javascript\"></script>"
);

Answer 4

You could use Jquery .appendTo() :

Insert every element in the set of matched elements to the end of the target.

$('<script src="/path/to/script.js"></script>').appendTo('body');