How do I insert a script tag in to the top/beginning of head tag?

javascript append native appendchild
Justin picture Justin · Oct 19, 2012 · Viewed 10.9k times · Source

I want to insert a script tag before all the rest of the scripts in the head tag. How would I do that with native javascript?

<head>
    //INSERT SCRIPT HERE
     <script type="text/javascript" src="common.js"></script>
     <script type="text/javascript" src="omni-controls.js"></script>
</head>

When I use this, it just appends after all the tags in the head tag.

document.getElementsByTagName("head")[0].appendChild(script);

Answer

I Hate Lazy picture I Hate Lazy · Oct 19, 2012 
var head = document.getElementsByTagName("head")[0]

head.insertBefore(script, head.firstChild);

Related questions

How to append something to an array?

How do I append an object (such as a string or number) to an array in JavaScript?

Read More
Creating a div element in jQuery

How do I create a div element in jQuery?

Read More
How to insert an element after another element in JavaScript without using a library?

There's insertBefore() in JavaScript, but how can I insert an element after another element without using jQuery or another library?

Read More