Delay callback until script is added to document?
How can I get the callback to not run until the script is actually appended to the document?
function addScript(filepath, callback){
if (filepath) {
-
In the ideal world, you could use the
onloadproperty of thetag;function addScript(filepath, callback){ if (filepath) { var fileref = document.createElement('script'); fileref.onload = callback; fileref.setAttribute("type","text/javascript"); fileref.setAttribute("src", filepath); if (typeof fileref!="undefined") document.getElementsByTagName("head")[0].appendChild(fileref); } }However, this doesn't work in IE, so mega-h4x are required;
function addScript(filepath, callback) { if (filepath) { var fileref = document.createElement('script'); var done = false; var head = document.getElementsByTagName("head")[0]; fileref.onload = fileref.onreadystatechange = function () { if (!done && (!this.readyState || this.readyState === "loaded" || this.readyState === "complete")) { done = true; callback(); // Handle memory leak in IE fileref.onload = fileref.onreadystatechange = null; if (head && fileref.parentNode) { head.removeChild(fileref); } } }; fileref.setAttribute("type", "text/javascript"); fileref.setAttribute("src", filepath); head.appendChild(fileref); } }FWIW, your
if (typeof fileref != "undefined")was redundant, as it will always evaluate to true, so you can just dohead.appendChild(fileref);directly, as in my example.
加载中...
- 热议问题