解決“向終端顯示內容產生時間延遲”
阿新 • • 發佈:2017-10-15
create tel logs 內容 == 放置 函數 child spa
①將所有的腳本放置於HTML的末尾,這樣處理JS腳本的延遲會在頁面完成渲染之後出現②腳本加載:創建一段內嵌的JS代碼,動態的將腳本標簽附加到文檔後邊
示例:
var remoteLoader = function remoteLoader(){ function constructScriptTag(src){ var script = window.document.createELement(‘SCRIPT‘); script.src = src; return script; } return{ loadJS:function(script_url){ if(typeof script_url === "object"){ var frag = document.createDocumentFragment(); for(var ind = 0;ind<script_url.length;ind++){ frag.appendChild(constructScriptTag(script_url[ind])); } window.document.getElementsByTagName(‘HEAD‘)[0].appendChild(frag.cloneNode(true)); } }else if(typeof script_url === "string"){ window.document.getElementByTagName(‘HEAD‘)[0].appendChild(construcScriptTag(script_url)); } } }();
可以通過傳遞一個字符串或者一個數組來調用該函數
<script> remoteLoader.loadJS("");//passing in a string remoteLoader.loadJS(["",""]);//passing in a array </script>
解決“向終端顯示內容產生時間延遲”