动态加载头标签中的Javascript一个接一个完全加载后不追加,跨域

Dynamically loading Javascript in Head Tag one by one after completely loaded not appending, Cross Domain

本文关键字:一个 加载 追加 跨域 Javascript 标签 动态      更新时间:2023-09-26
  1. 在这里,我在我的自定义java脚本文件后面附加了jQuery
  2. 问题是在jQuery被完全加载之前,我的自定义java脚本文件试图执行,然后我得到了错误
  3. 这个问题只出现在第一次加载时,而下次加载时不会出现,因为jquery内容将从缓存加载,而我的自定义js将从浏览器加载。

    function AppendJavascriptIframes(iframeDocumnet, url)   
    {  
        var js;  
        var headTag = iframeDocumnet.getElementsByTagName("head")[0];  
        js = iframeDocumnet.createElement('script');  
        js.src = url;  
        headTag.appendChild(js);  
    }
    AppendJavascriptIframes(myIframe.contentWindow.document, "js/jquery-1.8.2.js");  
    AppendJavascriptIframes(myIframe.contentWindow.document, "js/MyCustomScript.js");  
    
  4. 为了克服这一点,目前我正在使用以下代码

    setTimeout(function () { AppendJavascriptIframes(myIframe.contentWindow.document, "js/MyCustomScript.js"); }, 1600); 
    
  5. 但这将加载1600 Mili秒后的大部分时间,但我不知道给这么多时间处理它大约2秒。他可能会用2秒离开页面

试试这个:

function loadjsfile(filename, filetype){
  var fileref=document.createElement('script')
  fileref.setAttribute("type","text/javascript")
  fileref.setAttribute("src", filename)
 if (typeof fileref!="undefined")
  document.getElementsByTagName("head")[0].appendChild(fileref)
}