How do I insert a script tag in to the top/beginning of head tag?
Question
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);
3 answers
solution1
11 2012-10-19 17:29:20
var head = document.getElementsByTagName("head")[0]
head.insertBefore(script, head.firstChild);
solution2
6 2012-10-19 17:29:36
Get the firstChild of the <head> , and then use insertBefore .
This won't change the order scripts are loaded in though (since you'll be inserting it into the DOM after other scripts have been parsed), so this won't give any significate difference from just using appendChild
solution3
2 2017-10-16 20:30:26
document.head.insertBefore(script, document.head.firstElementChild);
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
Insert a script at the top of HEAD tag in PageMod (Firefox Add-on SDK)
Cannot insert the meta tag at the beginning of a head
How to ensure a certain script tag remains at the top of <head>
How do I enable chrome debugging when inserting a script tag into the head using jquery
How to insert meta tag to the head using a directive
How to add a script tag to the head section after a specific script tag
Creating a script element (from a script tag) to insert into the Head
How do I use Next JS's Head tag
how to pass a parameter in the script tag in the head
how to change order script tag in head - joomla?
Related Tags