javascript 基础知识之derfer 妙用分析

java哥 阅读:247 2021-03-31 22:50:00 评论: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"); 
 
 
 
                    } 
 
                } 
            }); 
 
 
 
 
 
 
		})

声明

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

发表评论
搜索
KIKK导航

KIKK导航

排行榜
关注我们

一个IT知识分享的公众号