• js文件加载慢的解决方式

    发布时间:2020-01-07 15:36:03
    作者:ynkulusi
  • 当文档就绪时,使用js动态生成<script>标记,一个接一个的进行;
     

    <script>
    $(document).ready(function(){
    var HDom = document.documentElement.firstChild;
    var ADom = document.createElement("script");
    ADom.onload = function(){
    var BDom = document.createElement("script");
    BDom.onload = function(){
    var CDom = document.createElement("script");
    CDom.src = "exampleC.js";
    HDom.appendChild(CDom);
    };
    BDom.src = "exampleB.js";
    HDom.appendChild(BDom);
    };
    ADom.src = "exampleA.js";
    HDom.appendChild(ADom);
    });
    </script>



    当文档就绪时,使用js动态生成<script>标记,但考虑到三个脚本彼此间并无依赖,所以并行进行;

    <script>
    $(document).ready(function(){
    	var HDom = document.documentElement.firstChild;
    	var ADom = document.createElement("script");
    	var BDom = document.createElement("script");
    	var CDom = document.createElement("script");
    	ADom.src = "exampleA.js";
    	BDom.src = "exampleB.js";
    	CDom.src = "exampleC.js";
    	HDom.appendChild(ADom);
    	HDom.appendChild(BDom);
    	HDom.appendChild(CDom);
    });
    </script>
  • 分类:javascript
    标签: js javascript
    评论数:0 阅读数:878