Appending JavaScript file reference after the last hard coded JavaScript file reference in the HEAD

Apologies if the following sounds a little strange. Am working in a legacy framework that allows no access to core templates so cannot alter the loading order of files.

What i am trying to do is load a JS file in the HEAD of the document after the final SCRIPt in said document HEAD.

I currently am using the following with no success:

var head = document.getElementsByTagName("head")[0]; 

var headScripts = head.getElementsByTagName("script");

var headScriptsLength = headScripts.length - 1;

var headScr开发者_JAVA百科ipts = headScripts[headScriptsLength];

var newScript = document.createElement('script');
newScript.type = 'text/javascript';
newScript.src = '/Global/ICIS/Scripts/global.js';
headScripts.appendChild(newScript);

It adds the reference to global.js directly after the block that creates it.

---

You better off appending your script simply to the head, and so it will become your last script.

var head = document.getElementsByTagName("head")[0]; 
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '/Global/ICIS/Scripts/global.js';
head.appendChild(script);