沈阳网站建设:如何优化网站js过多问题?

2017-03-01 14:04:38  阅读 560 次 评论 1 条

我想很多SEO又或者是网站建设的新手都有过这种时候把。

新去一个公司的网站打开速度奇慢无比,js满满两屏幕还有剩余。

这个时候我们该如何解决?


今天风e梦就交给你们一个方法!

require: function(libraryName){
       document.write('<script type="text/javascript" src="'+libraryName+'"></script>');
    },//动态加载JS文件
 
load: function(){
        var cr_scripts = new Array();
        var scriptObjects = document.getElementsByTagName("script");
//这里是通过ByTagName取得script的 当然也可以通过id来取
         
        for(var i = 0; i < scriptObjects.length; i++)
        {
            var s = scriptObjects[i];
             
               var path = “”                               
               cr_scripts = cr_scripts.concat([ 
                    path + "js/prototype.js",
                    path + "js/utility/utility.js",
                    path + "js/webclient.js",
                    path + "js/nrcap2sdk.js",
                    path + "js/combobox.js",
           path + "js/c7web_combobox.js",
                    path + "js/slider.js",
                    path + "js/range.js",
                    path + "js/timer.js"
                ]); 
               }        

            

                     
        for(var j = 0;j < cr_scripts.length;j++)
        {   
            _sl.require(cr_scripts[j]);
        };  
         

    },


调用时<script id="(这个byid的调用方法)" type="text/javascript">

这样就变成了需要使用哪个js,用户请求时页面就会去加载对应的js,不会一次性加载,浪费时间。

当然这个功能还有其他的用处:

我们可以在<script>片断中定义一个被JS调用的代码,但代码又不在页面上显示,这时,我们可以使用下面的方法: 
复制代码 代码如下: 

<script id="commentTemplate" type="text/html"> 
<li> 
<div class="photo"> 
<a href="#"> 
<img src="[UserImg]" /></a></div> 
<p> 
<a href="#">[UserName]:</a><span class="time">[CreateDate]</span></p> 
<div class="clear"> 
</div> 
</li> 
</script> 

复制代码 代码如下: 

<div id="comment_ul_2"> 
</div> 
<input type="button" id="addFun" value="click me" /> 
<script type="text/javascript"> 
var reg = new RegExp("\\[([^\\[\\]]*?)\\]", 'igm'); //i g m是指分别用于指定区分大小写的匹配、全局匹配和多行匹配。 
$("#addFun").click(function () { 
var html = document.getElementById("commentTemplate").innerHTML; 
 var source = html.replace(reg, function (node, key) { return { 'UserImg': '1', 'UserName': 'zhang', 'CreateDate': '2011-1-1'}[key]; }); 
$("#comment_ul_2").append(source); 
}); 
var zzl = "name:[name]"; 
zzl = zzl.replace(reg, function (node, key) { return { 'name': '占占'}[key]; }); 
alert(zzl); 
</script> 

OK,这个意思是说,当你单击按钮时,可以把commentTemplate的内容追到comment_ul_2里。


是不是很有趣呢?

本文地址:http://blog.femyx.com/index.php/post/142.html
版权声明:本文为原创文章,版权归 风e梦 所有,欢迎分享本文,转载请保留出处!

发表评论


表情

评论列表

  1. 烟台二手设备回收
    烟台二手设备回收  @回复

    路过,顶一个