1

I am checking if jQuery is included in the document. If not I want create an element after the closing body tag.

<script type="text/javascript">
if( !(typeof jQuery === 'function') ){
    var script = document.createElement('script');
    script.src = 'https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js';
    script.type = 'text/javascript';
    var head = document.getElementsByTagName("head")[0];
    head.appendChild(script);
}
</script>

If I do this with the body tag it appends it to the top. I wanna either append it to the end of the body tag or right after closing it.

Please help.

Aayush
  • 3,079
  • 10
  • 49
  • 71

4 Answers4

4

I'm assuming you want to do this because everbody is telling that it is important to put <script> nodes at the buttom from <body>. This is correct for "normal" script tags, but in your case it's a dynamically inserted script node, so it does load asyncronously. A normal script tag is blocking while executing Javascript, that's the reason why you should put those at the end of your document.

But in your case, no problem at all.

jAndy
  • 231,737
  • 57
  • 305
  • 359
4

Use document.body.appendChild(). It will append the element at the end of the body tag.

By the way, jAndy is right, there is little need to add a javascript file dynamically at the end of the body.

Elian Ebbing
  • 18,779
  • 5
  • 48
  • 56
0

The reason to put JavaScript at the end of the document is to postpone loading it for as long as possible. If you include your code above at the bottom of your document, you should achieve the same effect, and then it does not matter where in the source it is included.

Jan Aagaard
  • 10,940
  • 8
  • 45
  • 80
0

You can't have any other tags after the body closing tag (maybe head but that should be at the top). http://www.w3.org/TR/html401/struct/global.html#edef-HTML

Deanna
  • 23,876
  • 7
  • 71
  • 156