javascript 基础知识之derfer 妙用

向右看齐 2023-10-16 20:43 1阅读 0赞

javascript 一般是加载完后立即执行，但是有些时候并不想立即执行，而是等到页面装载完毕时再执行，怎么实现这样的需求呢？

答案就是使用<script> 标签的defer属性，见下例：

<span style="color:#ff0000;"><script type="text/javascript" defer="defer">
    </span>
    		$(document).ready(function(){
    			var u_left = 92;
    			var u_top = 19;
    			var u_var= 89;
    			var top_var = 36;
    			//K:7
    			for(i=0;i<15;i++)
    			{
    				var dataid;
    				for(var j=0;j<DMX800Data.length;j++){
    					if(DMX800Data[j].Name=="K:7"){
    							dataid=DMX800Data[j].Value[i];
    					}
    				}
    				var top = u_top;
    				var left = u_left + u_var*i;
    				var html = "<div id='"+dataid+"' style='margin-top:"+top+"px;margin-left: "+left+"px;' class='divCli' onClick='getid(this)' onClick='getid(this)'></div>";
    				
    				$("#DMX800").append(html);
    			}
    			
    			//K:6
    			for(i=0;i<15;i++)
    			{
    				var dataid;
    				for(var j=0;j<DMX800Data.length;j++){
    					if(DMX800Data[j].Name=="K:6"){
    							dataid=DMX800Data[j].Value[i];
    					}
    				}
    				var top = u_top+top_var;
    				var left = u_left + u_var*i;
    				var html = "<div id='"+dataid+"' style='margin-top:"+top+"px;margin-left: "+left+"px;' class='divCli' onClick='getid(this)' onClick='getid(this)'></div>";
    				
    				$("#DMX800").append(html);
    			}
    			
    			//K:5
    			for(i=0;i<15;i++)
    			{
    				var dataid;
    				for(var j=0;j<DMX800Data.length;j++){
    					if(DMX800Data[j].Name=="K:5"){
    							dataid=DMX800Data[j].Value[i];
    					}
    				}
    				var top = u_top+top_var*2;
    				var left = u_left + u_var*i;
    				var html = "<div id='"+dataid+"' style='margin-top:"+top+"px;margin-left: "+left+"px;' class='divCli' onClick='getid(this)' onClick='getid(this)'></div>";
    				
    				$("#DMX800").append(html);
    			}
    			
    			//K:4
    			for(i=0;i<15;i++)
    			{
    				var dataid;
    				for(var j=0;j<DMX800Data.length;j++){
    					if(DMX800Data[j].Name=="K:4"){
    							dataid=DMX800Data[j].Value[i];
    					}
    				}
    				var top = u_top+top_var*3;
    				var left = u_left + u_var*i;
    				var html = "<div id='"+dataid+"' style='margin-top:"+top+"px;margin-left: "+left+"px;' class='divCli' onClick='getid(this)' onClick='getid(this)'></div>";
    				
    				$("#DMX800").append(html);
    			}
    			
    			//K:3
    			for(i=0;i<15;i++)
    			{
    				var dataid;
    				for(var j=0;j<DMX800Data.length;j++){
    					if(DMX800Data[j].Name=="K:3"){
    							dataid=DMX800Data[j].Value[i];
    					}
    				}
    				var top = u_top+top_var*4;
    				var left = u_left + u_var*i;
    				var html = "<div id='"+dataid+"' style='margin-top:"+top+"px;margin-left: "+left+"px;' class='divCli' onClick='getid(this)' onClick='getid(this)'></div>";
    				
    				$("#DMX800").append(html);
    			}
    			
    			//K:2
    			for(i=0;i<15;i++)
    			{
    				var dataid;
    				for(var j=0;j<DMX800Data.length;j++){
    					if(DMX800Data[j].Name=="K:2"){
    							dataid=DMX800Data[j].Value[i];
    					}
    				}
    				var top = u_top+top_var*5;
    				var left = u_left + u_var*i;
    				var html = "<div id='"+dataid+"' style='margin-top:"+top+"px;margin-left: "+left+"px;' class='divCli' onClick='getid(this)' onClick='getid(this)'></div>";
    				
    				$("#DMX800").append(html);
    			}
    			
    			//K:1
    			for(i=0;i<15;i++)
    			{
    				var dataid;
    				for(var j=0;j<DMX800Data.length;j++){
    					if(DMX800Data[j].Name=="K:1"){
    							dataid=DMX800Data[j].Value[i];
    					}
    				}
    				var top = u_top+top_var*6;
    				var left = u_left + u_var*i;
    				var html = "<div id='"+dataid+"' style='margin-top:"+top+"px;margin-left: "+left+"px;' class='divCli' onClick='getid(this)' onClick='getid(this)'></div>";
    				
    				$("#DMX800").append(html);
    			}
    			
    			//K:0
    			for(i=0;i<15;i++)
    			{
    				var dataid;
    				for(var j=0;j<DMX800Data.length;j++){
    					if(DMX800Data[j].Name=="K:0"){
    						
    							dataid=DMX800Data[j].Value[i];
    					}
    				}
    				var top = u_top+top_var*7;
    				var left = u_left + u_var*i;
    				var html = "<div id='"+dataid+"' style='margin-top:"+top+"px;margin-left: "+left+"px;' class='divCli' onClick='getid(this)' onClick='getid(this)'></div>";
    				
    				$("#DMX800").append(html);
    			}
    
                var thisURL = document.URL;
                var  getval =thisURL.split('?')[1];
                var  device_id=getval.split("=");
    
    
                //ajax 请求
                $.ajax({
                    type: "POST",
                    url: "tbDyDiskAction!queryDyDiskInfo.action",
                    data: {"deviceId": device_id[1]},
                    dataType: "json",
                    cache: false,
                    error: function (res, textStatus, errorThrown) {
                    },
                    success: function (item) {
                        for (var i = 0; i < item.tbDiskList.length; i++){
                              alert("磁盘名称："+item.tbDiskList[i].diskName);
    
    //                        var id=item.tbDiskList[i].diskName.split("_");
    //                        //数据样式修改------磁盘阵列端口
    //                        $("#"+id[2]).css("background","#43CD80");
    //                        //数据样式修改-------磁盘使用情况
    //                        $("#0_"+id[2]).css("background","#DC143C");
    
    
    
                        }
    
                    }
                });
    
    
    
    
    
    
    		})