javascript 基础知识之derfer 妙用

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");



                    }

                }
            });






		})