您好,欢迎来到曲吉美食网。
搜索
您的当前位置:首页动态载入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文件,包含如下代码:


 




                
            
            

Copyright © 2019- qejt.cn 版权所有

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务