曲吉美食网
您的当前位置:首页动态载入js提高网页打开速度的方法_javascript技巧

动态载入js提高网页打开速度的方法_javascript技巧

来源:曲吉美食网


一般来说如果一次性的载入所有需要的JavaScript代码,就会造成初始网页打开速度变慢,但是很多载入的代码又并不需要使用,这种无谓的性能浪费应该予以避免。如果要动态载入JavaScript代码,可以利用DOM模型在HTML文档中添加结点,并将此结点的src属性(即 外联 Javascript文件)设置为需要动态载入的JavaScript代码。

下面就是完成这样功能的一个示例:

(1)、新建JsLoaderTest.html文件

 
 
 
按需载入JavaScript代码的例子 
 
 function JsLoader(){ 
 this.load=function(url){ 
 //获取所有的标记 
 var ss=document.getElementsByTagName("script"); 
 //判断指定的文件是否已经包含,如果已包含则触发onsuccess事件并返回 
 for (i=0;i

(2)、新建hello.js文件,包含如下代码:


 




        
                
            
            
            
    
显示全文