JavaScript代码格式化和语法着色

2008-02-23 08:00:38来源：互联网阅读 ()

以前看过几个JS代码格式的，自己也来写了一个，呵呵，优点是可以处理超长的 JS 而不会死机.........

IE Only

运行代码框

<html> <head> <title>JSer </title> <meta http-equiv="content-type" content="text/html; charset=gb2312" /> <style> /* Global CSS */ * { padding:0px; margin:0px; font-size:13px; font-family: arial 宋体; } body { overflow:auto; border:0px none black; background-color:buttonface; } li { margin:0px 0px 0px 40px; padding:2px 4px; } /* Class CSS */ .quote { color:#999; } .comments { color: #009090; } .indent { margin-left:25px; } .regexp { color:#F000F0; } /* Identified CSS */ #divTools { height:20px; border-bottom:1px solid #555; padding-left:15px; } #divTools a { color:navy; text-decoration:none; height:20px; line-height:20px; padding:0px 25px; } #divTools a:hover { color:white; background-color:navy; text-decoration:none; height:20px; line-height:20px; } #divJSInput { display:none; width:600px; height:450px; border:2px outset buttonface; position:absolute; background-color:buttonface; z-Index:2; } #divJSInputTitle { color:white; background-color:navy; height:20px; line-height:20px; padding:0px 10px; cursor:default; } #txtJSInput { width:598px; height:406px; overflow:auto; padding:4px 8px; background-color:white;} #divJSInputBar { height:24px; padding:0px 4px; } #divJSInputBar input { width:110px; height:22px; border:1px solid #555; line-height:20px; } #divJSOutput { background-color:white; border:1px inset buttonface; width:100%; height:500px; overflow:auto; } #divWaiting { display:none; width:400px; height:60px; border:1px solid buttonface; position:absolute; background-color:#E0F0F0; z-Index:3; text-align:center; padding-top:10px; } #divWaiting input { width:140px; height:22px; border:1px solid #555; line-height:20px; cursor:default; margin-top:4px; } </style> <script type="text/javascript"> /********************** Author: Hutia *********************/ window.onload=init; //------------------ // Static Variable //------------------ var KEYWORDS="abstract break byte case catch char class const continue default delete do double else extends false final finally float for function goto if implements import in instanceof int interface long native null package private protected public reset return short static super switch synchronized this throw transient true try var void while with"; var OBJECTS="Anchor Applet Area Arguments Array Boolean Button Checkbox Collection Crypto Date Dictionary Document Drive Drives Element Enumerator Event File FileObject FileSystemObject FileUpload Folder Folders Form Frame Function Global Hidden History HTMLElement Image Infinity Input JavaArray JavaClass JavaObject JavaPackage JSObject Layer Link Math MimeType Navigator Number Object Option Packages Password Plugin PrivilegeManager Random RegExp Screen Select String Submit Text Textarea URL VBArray Window WScript"; var METHODS_PROPERTIES="above abs acos action activeElement alert alinkColor all altKey anchor anchors appCodeName applets apply appName appVersion arguments arity asin assign atan atan2 atob availHeight availLeft availTop availWidth ActiveXObject back background below bgColor big blink blur bold border borderWidths bottom btoa button call callee caller cancelBubble captureEvents ceil charAt charCodeAt charset checked children classes className clear clearInterval clearTimeout click clientInformation clientX clientY close closed colorDepth compile complete concat confirm constructir contains contextual cookie cos crypto ctrlKey current data defaultCharset defaultChecked defaultSelected defaultStatus defaultValue description disableExternalCapture disablePrivilege document domain E Echo element elements embeds enabledPlugin enableExternalCapture enablePrivilege encoding escape eval event exec exp expando FromPoint fgColor fileName find fixed floor focus fontColor fontSize form forms forward frames fromCharCode fromElement getAttribute get getClass getDate getDay getFullYear getHours getMember getMilliseconds getMinutes getMonth getSeconds getSelection getSlot getTime getTimezoneOffset getUTCDate getUTCDay getUTCFullYear getUTCHours getUTCMilliseconds getUTCMinutes getUTCMonth getUTCSeconds getWindow getYear global go HandleEvent Height hash hidden history home host hostName href hspace id ids ignoreCase images index indexOf inner innerHTML innerText innerWidth insertAdjacentHTML insertAdjacentText isFinite isNAN italics java javaEnabled join keyCode Links LN10 LN2 LOG10E LOG2E lang language lastIndex lastIndexOf lastMatch lastModified lastParen layers layerX layerY left leftContext length link linkColor load location locationBar log lowsrc MAX_VALUE MIN_VALUE margins match max menubar method mimeTypes min modifiers moveAbove moveBelow moveBy moveTo moveToAbsolute multiline NaN NEGATIVE_INFINITY name navigate navigator netscape next number offscreenBuffering offset offsetHeight offsetLeft offsetParent offsetTop offsetWidth offsetX offsetY onabort onblur onchange onclick ondblclick ondragdrop onerror onfocus onHelp onkeydown onkeypress onkeyup onload onmousedown onmousemove onmouseout onmouseover onmouseup onmove onreset onresize onsubmit onunload open opener options outerHeight outerHTML outerText outerWidth POSITIVE_INFINITY PI paddings pageX pageXOffset pageY pageYOffset parent parentElement parentLayer parentWindow parse parseFloat parseInt pathname personalbar pixelDepth platform plugins pop port pow preference previous print prompt protocol prototype push random readyState reason referrer refresh releaseEvents reload removeAttribute removeMember replace resizeBy resizeTo returnValue reverse right rightcontext round SQRT1_2 SQRT2 screenX screenY scroll scrollbars scrollBy scrollIntoView scrollTo search select selected selectedIndex self setAttribute setDay setFullYear setHotkeys setHours setInterval setMember setMilliseconds setMinutes setMonth setResizable setSeconds setSlot setTime setTimeout setUTCDate setUTCFullYear setUTCHours setUTCMillseconds setUTCMinutes setUTCMonth setUTCSeconds setYear setZOptions shift shiftKey siblingAbove siblingBelow signText sin slice smallsort source sourceIndex splice split sqrt src srcElement srcFilter status statusbar stop strike style sub submit substr substring suffixes sun sup systemLanguage TYPE tagName tags taint taintEnabled tan target test text title toElement toGMTString toLocaleString toLowerCase toolbar top toString toUpperCase toUTCString type typeOf UTC unescape unshift untaint unwatch userAgent userLanguage value valueOf visibility vlinkColor vspace watch which width window write writeln x y zIndex"; var OPS="! $ % & * - // / : < = > ? [ ] ^ | ~ is new sizeof typeof unchecked"; var regKW=new RegExp("(\\W" KEYWORDS.replace(/ /g,"$)|(\\W") "$)","g"); var regObj=new RegExp("(\\W" OBJECTS.replace(/ /g,"$)|(\\W") "$)","g"); var regMP=new RegExp("(\\W" METHODS_PROPERTIES.replace(/ /g,"$)|(\\W") "$)","g"); //var regOP=new RegExp("(\\W" OPS.replace(/ /g,"$)|(\\W") "$)","g"); var colorKW="blue"; var colorObj="red"; var colorMP="#FF8000"; var colorOP="#004000"; //------------------ // Global Variables //------------------ var divJSInput, txtJSInput, divJSOutput, divWaiting, spnProcess; var glbStr, glbP, glbRe, curRe, glbTimer; function init(){ // init global variables divJSInput=document.getElementById("divJSInput"); txtJSInput=document.getElementById("txtJSInput"); divJSOutput=document.getElementById("divJSOutput"); divWaiting=document.getElementById("divWaiting"); spnProcess=document.getElementById("spnProcess"); // init window state maximizeWindow(); divJSOutput.style.width=document.body.clientWidth-2; divJSOutput.style.height=document.body.clientHeight-26; // init global events divJSInput.onkeydown=divJSInput_keydown; } //------------------ // event scripts //------------------ function divJSInput_keydown(e){ var e=window.event?window.event:e; var srcEle=e.srcElement?e.srcElement:e.target; var sel; if(e.keyCode==27)hideJSInput(); if(e.keyCode==13&&e.ctrlKey)execJSInput(); if(e.keyCode==9&&srcEle==txtJSInput){ document.selection.createRange().text="\t";return(false); // not support FF } } //------------------ // functional scripts //------------------ function showJSInput(){ with(divJSInput.style){ display="block"; left=(document.body.clientWidth-divJSInput.offsetWidth)/2; top=(document.body.clientHeight-divJSInput.offsetHeight)/2; } txtJSInput.focus(); return(false); } function hideJSInput(){ divJSInput.style.display="none"; } function execJSInput(){ hideJSInput(); divJSOutput.innerHTML=""; glbStr=txtJSInput.value.replace(/\r\n[ \t] /gi,"\r\n").replace(/(\r\n) /gi,"\r\n"); glbP=0; curRe=glbRe=document.createElement("div"); divJSOutput.appendChild(glbRe); glbRe.className="codeRoot"; showWait(); core_analysis(); } function showWait(){ document.body.style.cursor="wait"; with(divWaiting.style){ display="block"; left=(document.body.clientWidth-divWaiting.offsetWidth)/2; top=(document.body.clientHeight-divWaiting.offsetHeight)/2; } spnProcess.innerHTML="0.00% ( 0 / 0 )" return(false); } function stopExec(){ document.body.style.cursor=""; divWaiting.style.display="none"; try{clearTimeout(glbTimer);}catch(e){} return(false); } function core_analysis(){ var str=" ", c="", lastState="", seq, intNextQuote, intTemp, intCount, intWordStart; spnProcess.innerHTML=parseFloat(glbP/glbStr.length*100).toFixed(2) "% ( " glbP " / " glbStr.length " )"; for(var i=glbP;i<glbStr.length;i ){ c=glbStr.charAt(i); str =htmlEncode(c); switch(c){ case "\r": case " ": case "\t": if(lastState=="\r\n"){str=" ";break;} if(c.match(/\W/)&&glbStr.charAt(i-1).match(/\w/)){ str=str.substring(0,str.length-htmlEncode(c).length); str=str.replace(regKW,clKW).replace(regObj,clObj).replace(regMP,clMP) htmlEncode(c); } break; case "\n": case ";": if(lastState=="\r\n"){str=" ";break;} outputLn(str); str=" "; lastState="\r\n"; if(i-glbP>200){ glbP=i 1; glbTimer=setTimeout(core_analysis); return; } break; case "\"": intNextQuote=i; while(intNextQuote!=-1&&intNextQuote<glbStr.length){ intNextQuote=glbStr.indexOf("\"",intNextQuote 1); if(intNextQuote==-1||glbStr.charAt(intNextQuote-1)!="\\")break; intCount=0; intTemp=intNextQuote; while(glbStr.charAt(--intTemp)=="\\")intCount ; if(intCount%2==0)break; } if(intNextQuote==-1)break; str ="<span class=\"quote\">" htmlEncode(glbStr.substring(i 1,intNextQuote)) "<\/span>\""; i=intNextQuote; lastState=""; break; case "\'": intNextQuote=i; while(intNextQuote!=-1&&intNextQuote<glbStr.length){ intNextQuote=glbStr.indexOf("\'",intNextQuote 1); if(intNextQuote==-1||glbStr.charAt(intNextQuote-1)!="\\")break; intCount=0; intTemp=intNextQuote; while(glbStr.charAt(--intTemp)=="\\")intCount ; if(intCount%2==0)break; } if(intNextQuote==-1)break; str ="<span class=\"quote\">" htmlEncode(glbStr.substring(i 1,intNextQuote)) "<\/span>\'"; i=intNextQuote; lastState=""; break; case "\/": if(glbStr.charAt(i 1)=="\/"){ intNextQuote=i; intNextQuote=glbStr.indexOf("\r\n",intNextQuote 1); if(intNextQuote==-1)intNextQuote=glbStr.length; str=str.substring(0,str.length-1); str ="<span class=\"comments\">\/" htmlEncode(glbStr.substring(i 1,intNextQuote)) "<\/span>"; i=intNextQuote; }else if(glbStr.charAt(i 1)=="*"){ intNextQuote=i; intNextQuote=glbStr.indexOf("*\/",intNextQuote 1); if(intNextQuote==-1)return; str=str.substring(0,str.length-1); str ="<span class=\"comments\">\/" htmlEncode(glbStr.substring(i 1,intNextQuote)) "*\/<\/span>"; i=intNextQuote 1; }else if(str.match(/[=(][ \t]*\//)){ intNextQuote=i; while(intNextQuote!=-1&&intNextQuote<glbStr.length){ intNextQuote=glbStr.indexOf("\/",intNextQuote 1); if(intNextQuote==-1||glbStr.charAt(intNextQuote-1)!="\\")break; intCount=0; intTemp=intNextQuote; while(glbStr.charAt(--intTemp)=="\\")intCount ; if(intCount%2==0)break; } if(intNextQuote==-1)break; str ="<span class=\"regexp\">" htmlEncode(glbStr.substring(i 1,intNextQuote)) "<\/span>\/"; i=intNextQuote; lastState=""; } lastState=""; break; case "{": outputLn(str); str=" "; seq=document.createElement("div"); seq.className="indent"; curRe.appendChild(seq); curRe=seq; lastState="\r\n"; if(i-glbP>200){ glbP=i 1; glbTimer=setTimeout(core_analysis); return; } break; case "}": outputLn(str.substring(0,str.length-1)); str="} "; lastState=""; curRe=curRe.parentNode; break; default: if(c.match(/\w/)&&glbStr.charAt(i-1).match(/\W/)){intWordStart=i;} if(c.match(/\W/)&&glbStr.charAt(i-1).match(/\w/)){ str=str.substring(0,str.length-htmlEncode(c).length); str=str.replace(regKW,clKW).replace(regObj,clObj).replace(regMP,clMP) htmlEncode(c); } lastState=""; break; } } if(i==glbStr.length){ if(str!=""){ outputLn(str); str=" "; } stopExec(); } } function outputLn(theStr){ var seq=document.createElement("p"); seq.innerHTML=theStr; curRe.appendChild(seq); } function clKW(str){ return(str.charAt(0) str.substring(1).fontcolor(colorKW)); } function clObj(str){ return(str.charAt(0) str.substring(1).fontcolor(colorObj)); } function clMP(str){ return(str.charAt(0) str.substring(1).fontcolor(colorMP)); } function clOP(str){ return(str.charAt(0) str.substring(1).fontcolor(colorOP)); } //------------------ // global scripts //------------------ function maximizeWindow(){ window.moveTo(0,0); window.resizeTo(screen.availWidth,screen.availHeight); } function htmlEncode(strS){ return(strS.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/ /g," ").replace(/\r\n/g,"<br\/>")); } </script> </head> <body> <div id="divTools"> <a href="#" onclick="return(showJSInput());">Input JS</a> </div> <div id="divJSInput"> <div id="divJSInputTitle">Please Input the JS:</div> <textarea id="txtJSInput">document.write('<script type="text/javascript" src="/js/flashobject.js"></scr' 'ipt>');function runCode(){if(1==arguments.length)try{event=arguments[0];};catch(e){};var code=(event.target||event.srcElement).parentNode.childNodes[0].value;var newwin=window.open('','','');newwin.opener=nullnewwin.document.write(code);newwin.document.close();};function MM_findObj(n,d){var p,i,x;if(!d)d=document;if((p=n.indexOf("?"))>0&&parent.frames.length){d=parent.frames[n.substring(p 1)].document;n=n.substring(0,p);};if(!(x=d[n])&&d.all)x=d.all[n];for(i=0;!x&&i<d.forms.length;i )x=d.forms[i][n];for(i=0;!x&&d.layers&&i<d.layers.length;i )x=MM_findObj(n,d.layers[i].document);if(!x&&d.getElementById)x=d.getElementById(n);return x;};function MM_showHideLayers(){var i,p,v,obj,args=MM_showHideLayers.arguments;for(i=0;i<(args.length-2);i =3)if((obj=MM_findObj(args[i]))!=null){v=args[i 2];if(obj.style){obj=obj.style;v=(v=='show')?'visible':(v='hide')?'hidden':v;};obj.visibility=v;};};function ADBanner(){this.htmlcode="";this.href="";this.imgsrc="";this.imgwidth="";this.imgheight="";this.imgalt="";this.imgborder="";this.weight=1;this.place=1this.type=1;this.id=0;};function CreatBanners(aBanners,aNum){for(var i=0;i<aNum;i ){aBanners[i]=new ADBanner();};};function showbanner(aPlace,aType,aBannerID){var amount=ADBanners.length;var includeList=new Array(amount);if(!document.usedBanners){document.usedBanners=new Array(amount);for(var i=0;i<amount;i )document.usedBanners[i]=-1;};var usedList=document.usedBanners;if(arguments.length==2){var j=0;var sum=0;for(var i=0;i<amount;i ){if(ADBanners[i].place==aPlace&&ADBanners[i].type==aType){if(usedList[i]!=i){includeList[j]=i;j ;sum=sum ADBanners[i].weight;};};};if(sum<=0)return ;var rndNum=Math.round(Math.random()*sum);i=0;j=0;while(true){j=j ADBanners[includeList[i]].weight;if(j>=rndNum)break;i ;};i=includeList[i];};else {if(aBannerID>=0&&aBannerID<amount)i=aBannerID;else return ;};usedList[i]=i;if(ADBanners[i].htmlcode=="")document.write('<A HREF="' ADBanners[i].href '" target=_blank><IMG SRC="' ADBanners[i].imgsrc '" WIDTH="' ADBanners[i].imgwidth '" HEIGHT="' ADBanners[i].imgheight '" ALT="' ADBanners[i].imgalt '" BORDER="' ADBanners[i].imgborder '"></A>');else document.write(ADBanners[i].htmlcode);document.write('<script src=/common/jsbanner/redirect.asp?action=visit&id=' ADBanners[i].id ' ></s' 'cript>')};var ADBanners=new Array();CreatBanners(ADBanners,9);ADBanners[0].htmlcode='<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="533" height="104"><param name=movie value="http://gg.blueidea.com/2005/www/533-104.swf"><PARAM NAME=wmode VALUE=opaque><param name=quality value=autolow><embed src="http://gg.blueidea.com/2005/www/533-104.swf" quality=autolow pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="533" height="104"></embed> </object>';ADBanners[0].weight=10;ADBanners[0].place=2;ADBanners[0].type=2;ADBanners[0].id=38;ADBanners[1].imgsrc="http://gg.blueidea.com/2006/chinaok/208x32.gif";ADBanners[1].href="http://www.chinaok.net.cn";ADBanners[1].imgwidth="208";ADBanners[1].imgheight="32";ADBanners[1].imgalt="建站、改版、推广，找欧科动力";ADBanners[1].weight=10;ADBanners[1].place=4;ADBanners[1].type=4;ADBanners[1].id=42;ADBanners[2].htmlcode='<script type="text/javascript">google_ad_client = "pub-5841412030047197";google_alternate_color = "CCCCD4";google_ad_width = 728;google_ad_height = 90;google_ad_format = "728x90_as";google_ad_channel ="7977407778";google_ad_type = "text_image";google_color_border = "6699CC";google_color_bg = "003366";google_color_link = "FFFFFF";google_color_url = "AECCEB";google_color_text = "AECCEB";</script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>';ADBanners[2].weight=20;ADBanners[2].place=6;ADBanners[2].type=6;ADBanners[2].id=46;ADBanners[3].htmlcode='<A target=_blank href=http://www.mydeskcity.com/2006dvd/index.htm><b><font color=red>经典桌面2006年DVD资源光盘</font></b></a><br><a href=http://www.jietusoft.com/case_tw.html target=_blank><b>三维全景漫游欣赏</b></a><br><A href=http://ale.2006.163.com/blog target=_blank><font color=red>世界杯话题，邀你一起畅谈</font></A>';ADBanners[3].weight=10;ADBanners[3].place=10;ADBanners[3].type=7;ADBanners[3].id=52;ADBanners[4].imgsrc="http://gg.blueidea.com/2006/chinaok/468x60.gif";ADBanners[4].href="http://www.chinaok.net.cn";ADBanners[4].imgwidth="468";ADBanners[4].imgheight="60";ADBanners[4].imgalt="建站、改版、推广，找欧科动力";ADBanners[4].weight=30;ADBanners[4].place=5;ADBanners[4].type=5;ADBanners[4].id=56;ADBanners[5].imgsrc="/info/upimg/allimg/080225/0725302.gif";ADBanners[5].href="http://www.now.cn";ADBanners[5].imgwidth="208";ADBanners[5].imgheight="32";ADBanners[5].imgalt="域名免费试用";ADBanners[5].weight=20;ADBanners[5].place=4;ADBanners[5].type=4;ADBanners[5].id=41;ADBanners[6].htmlcode='<script type="text/javascript">google_ad_client = "pub-5841412030047197";google_ad_width = 728;google_ad_height = 90;google_alternate_ad_url = "http://www.blueidea.com/js/google_adsense_script.html";google_ad_format = "728x90_as";google_ad_channel ="7977407778";google_ad_type = "text_image";google_color_border = "6699CC";google_color_bg = "003366";google_color_link = "FFFFFF";google_color_url = "AECCEB";google_color_text = "AECCEB";</script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script><br><br>';ADBanners[6].weight=10;ADBanners[6].place=1;ADBanners[6].type=1;ADBanners[6].id=29;ADBanners[7].htmlcode='<a href=http://blogbeta.blueidea.com target=_blank><b>BlogBeta</b></a> <a href=http://www.idc2008.com target=_blank><b><font color=red>厦门数字引擎全新送出三线路空间</font></b></a>　<span id="bxna">BXNA 小帖士</span><script type="text/javascript">var vp = new FlashObject("http://blog.blueidea.com/bxna/styles/mxna/bxna.swf?clr=#484848&dy=-2&showmode=1", "dp", "169", "13", "7", "#FFFFFF");vp.addParam("wmode", "transparent"); vp.write("bxna");</script>';ADBanners[7].weight=10;ADBanners[7].place=7;ADBanners[7].type=7;ADBanners[7].id=50;ADBanners[8].htmlcode='<table border="0" align="center" cellpadding="0" cellspacing="0" height="40" bgcolor="#FFFFFF"><tr><td><a href=http://www.blueidea.com/game/site/2006dengfeng target=_blank><img src=http://gg.blueidea.com/2006/blueidea/d2.gif border=0></a></td><td width="6"></td><td><a href="http://61.136.58.111/ad/click.php?pid=622&url=forum.visionunion.com/vuevent/kingsoft/index.htm" target="_blank"><img src="/info/upimg/allimg/080225/0725304.gif" alt="金山爱词霸logo征集活动" border="0" /></a></td></tr></table>';ADBanners[8].weight=10;ADBanners[8].place=9;ADBanners[8].type=6;ADBanners[8].id=57;</textarea> <div id="divJSInputBar"> <input type="button" value="OK" onclick="execJSInput();" /> <input type="button" value="Cancel" onclick="hideJSInput();" /> </div> </div> <div id="divJSOutput"></div> <div id="divWaiting"> Processing...<span id="spnProcess"></span><br> <input type="button" value="Stop" onclick="stopExec();" /> </div> </body> </html> <p class="article-con-biaoqian mt-20"> <span>标签：</span> </p> <p class="banquan">版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com<br/> 特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有 </p> </div> <a href="https://love.4c.cn/" target="_blank"><img src="http://www.west999.com/www/wp-content/uploads/2019/10/-20" alt=""/></a> <div class="other-article mt-10 font14"> <p><span class="mr-20">上一篇：<a href='/info/html/wangyezhizuo/Javascript/20080224/34154.html'>document.all还是document.getElementsByName</a> </span></p> <p><span class="mr-20">下一篇：<a href='/info/html/wangyezhizuo/Javascript/20080224/34161.html'>兼容低版本IE的JScript5.5实现</a> </span></p> </div> <div class="relative-link mt-20"> <div class="relative-tab"> <span class="relative-tab-active">相关文章</span> </div> <div class="relative-con"> <div class="relative-list mt-20"> <ul> </ul> </div> </div> </div> </div> <div class="category mt-20"> <p><span>IDC资讯：</span> <a href="/info/html/IDCzixun/xunizhuji/">主机资讯</a> <a href="/info/html/IDCzixun/yumingzhuce/">注册资讯</a> <a href="/info/html/IDCzixun/zhujizuyong/">托管资讯</a> <a href="/info/html/IDCzixun/vpszhuji/">vps资讯</a> <a href="/info/html/IDCzixun/zhinenjianzhan/">网站建设</a> </p><p><span>网站运营：</span> <a href="/info/html/wangzhanyunying/jianzhanjingyan/">建站经验</a> <a href="/info/html/wangzhanyunying/cehuayingli/">策划盈利</a> <a href="/info/html/wangzhanyunying/sousuoyouhua/">搜索优化</a> <a href="/info/html/wangzhanyunying/wangzhantuiguang/">网站推广</a> <a href="/info/html/wangzhanyunying/mianfeiziyuan/">免费资源</a> </p><p><span>网站联盟：</span> <a href="/info/html/wangzhanlianmeng/lianmengxinwen/">联盟新闻</a> <a href="/info/html/wangzhanlianmeng/lianmengjieshao/">联盟介绍</a> <a href="/info/html/wangzhanlianmeng/lianmengdianping/">联盟点评</a> <a href="/info/html/wangzhanlianmeng/wangzhuanjiqiao/">网赚技巧</a> </p><p><span>行业资讯：</span> <a href="/info/html/xingyezixun/sousuoyinqing/">搜索引擎</a> <a href="/info/html/xingyezixun/wangluoyouxi/">网络游戏</a> <a href="/info/html/xingyezixun/dianzishangwu/">电子商务</a> <a href="/info/html/xingyezixun/guanggaochuanmei/">广告传媒</a> </p><p><span>网络编程：</span> <a href="/info/html/wangluobiancheng/DotNetBianCheng/">Asp.Net编程</a> <a href="/info/html/wangluobiancheng/Aspbiancheng/">Asp编程</a> <a href="/info/html/wangluobiancheng/Phpbiancheng/">Php编程</a> <a href="/info/html/wangluobiancheng/Xmlbiancheng/">Xml编程</a> <a href="/info/html/wangluobiancheng/Access/">Access</a> <a href="/info/html/wangluobiancheng/Mssql/">Mssql</a> <a href="/info/html/wangluobiancheng/Mysql/">Mysql</a> <a href="/info/html/wangluobiancheng/qita/">其它</a> </p><p><span>服务器技术：</span> <a href="/info/html/fuwuqijishu/Webfuwuqi/">Web服务器</a> <a href="/info/html/fuwuqijishu/Ftpfuwuqi/">Ftp服务器</a> <a href="/info/html/fuwuqijishu/Mailfuwuqi/">Mail服务器</a> <a href="/info/html/fuwuqijishu/Dnsfuwuqi/">Dns服务器</a> <a href="/info/html/fuwuqijishu/anquanfanghu/">安全防护</a> </p><p><span>软件技巧：</span> <a href="/info/html/ruanjianjiqiao/qitaruanjian/">其它软件</a> <a href="/info/html/ruanjianjiqiao/Word/">Word</a> <a href="/info/html/ruanjianjiqiao/Excel/">Excel</a> <a href="/info/html/ruanjianjiqiao/Powerpoint/">Powerpoint</a> <a href="/info/html/ruanjianjiqiao/Ghost/">Ghost</a> <a href="/info/html/ruanjianjiqiao/Vista/">Vista</a> <a href="/info/html/ruanjianjiqiao/QQkongjian/">QQ空间</a> <a href="/info/html/ruanjianjiqiao/QQ/">QQ</a> <a href="/info/html/ruanjianjiqiao/FlashGet/">FlashGet</a> <a href="/info/html/ruanjianjiqiao/xunlei/">迅雷</a> </p><p><span>网页制作：</span> <a href="/info/html/wangyezhizuo/FrontPages/">FrontPages</a> <a href="/info/html/wangyezhizuo/Dreamweaver/">Dreamweaver</a> <a href="/info/html/wangyezhizuo/Javascript/">Javascript</a> <a href="/info/html/wangyezhizuo/css/">css</a> <a href="/info/html/wangyezhizuo/photoshop/">photoshop</a> <a href="/info/html/wangyezhizuo/fireworks/">fireworks</a> <a href="/info/html/wangyezhizuo/Flash/">Flash</a> </p><p><span>程序设计：</span> <a href="/info/html/chengxusheji/Javajishu/">Java技术</a> <a href="/info/html/chengxusheji/C-C--/">C/C++</a> <a href="/info/html/chengxusheji/VB/">VB</a> <a href="/info/html/chengxusheji/delphi/">delphi</a> </p><p><span>网络知识：</span> <a href="/info/html/wangluozhishi/wangluoxieyi/">网络协议</a> <a href="/info/html/wangluozhishi/wangluoanquan/">网络安全</a> <a href="/info/html/wangluozhishi/wangluoguanli/">网络管理</a> <a href="/info/html/wangluozhishi/zuwangfangan/">组网方案</a> <a href="/info/html/wangluozhishi/Ciscojishu/">Cisco技术</a> </p><p><span>操作系统：</span> <a href="/info/html/caozuoxitong/Win2000/">Win2000</a> <a href="/info/html/caozuoxitong/WinXP/">WinXP</a> <a href="/info/html/caozuoxitong/Win2003/">Win2003</a> <a href="/info/html/caozuoxitong/Mac-OS/">Mac OS</a> <a href="/info/html/caozuoxitong/Linux/">Linux</a> <a href="/info/html/caozuoxitong/FreeBSD/">FreeBSD</a> </p> </div> </div> <div class="rightcon f-r ml-20"> <div class="sider-img"> <a href="https://www.west.cn/cloudhost/?ReferenceID=zzxxw999" target="_blank" title="云服务器仅需0.69元/天起！快速备案，无需幕布！"><img src="http://www.west999.com/www/wp-content/uploads/2019/10/-12"></a> </div> <div class="right-sider mt-20"> <div class="sider-title clearfix"><strong class="f-l"><i class="iconfont font20 icon-read"></i>热门词条</strong></div> <div class="biaoqian-con"> </div> </div> <div class="right-sider mt-20"> <div class="sider-title"><strong><i class="iconfont font20 icon-liebiaodaohang_zixun"></i>最新资讯</strong></div> <div class="sider-con pt-10"> <ul> <li><a href="/info/html/wangyezhizuo/photoshop/20210526/4674019.html"><i class="radius"></i>Photoshop绘制立体风格的微笑表情</a></li> <li><a href="/info/html/wangyezhizuo/photoshop/20210525/4674018.html"><i class="radius"></i>PS文字特效教程：制作公路上个性的涂鸦</a></li> <li><a href="/info/html/wangyezhizuo/photoshop/20210525/4674017.html"><i class="radius"></i>Photoshop设计卷边效果的变形金刚电影</a></li> <li><a href="/info/html/wangyezhizuo/photoshop/20210525/4674016.html"><i class="radius"></i>PS色彩修复教程：利用色阶工具快速给红</a></li> <li><a href="/info/html/wangyezhizuo/photoshop/20210524/4674015.html"><i class="radius"></i>PS半透明物体抠图：利用通道选区工具抠</a></li> <li><a href="/info/html/wangyezhizuo/photoshop/20210524/4674014.html"><i class="radius"></i>PS海报设计技巧教程：学习制作个性的扭</a></li> <li><a href="/info/html/wangyezhizuo/photoshop/20210524/4674013.html"><i class="radius"></i>PS图片特效制作教程：学习给铁塔图片制</a></li> <li><a href="/info/html/wangyezhizuo/photoshop/20210524/4674012.html"><i class="radius"></i>学习用photoshop把浑浊的海水照片后期</a></li> <li><a href="/info/html/wangyezhizuo/photoshop/20210524/4674011.html"><i class="radius"></i>PS古风照片教程：给古风美女打造出女侠</a></li> <li><a href="/info/html/wangyezhizuo/photoshop/20210524/4674010.html"><i class="radius"></i>PS个性人物海报制作：设计创意时尚的玻</a></li> </ul> </div> </div> <div class="right-sider mt-20"> <div class="sider-title"><strong><i class="iconfont font20 icon-remen"></i>热门关注</strong></div> <div class="sider-con pt-10"> <ul> <li><a href="/info/html/wangyezhizuo/Javascript/20080224/34146.html"><i class="radius"></i>用javascript实现Base64编码</a></li> <li><a href="/info/html/wangyezhizuo/Javascript/20180624/4232651.html"><i class="radius"></i>【运行错误】Uncaught DOMException: B</a></li> <li><a href="/info/html/wangyezhizuo/Javascript/20180624/4234359.html"><i class="radius"></i>socket.io 出现的WebSocket is closed </a></li> <li><a href="/info/html/wangyezhizuo/Javascript/20180624/4234038.html"><i class="radius"></i>charles抓包出现乱码 SSL Proxying no</a></li> <li><a href="/info/html/wangyezhizuo/Javascript/20180810/4479311.html"><i class="radius"></i>ES6 require ( 路径变量 ) 相关使用方</a></li> <li><a href="/info/html/wangyezhizuo/Javascript/20190220/4613094.html"><i class="radius"></i>echarts在地图上绘制散点图（任意点）</a></li> <li><a href="/info/html/wangyezhizuo/Javascript/20190814/4654288.html"><i class="radius"></i>Nuxt项目搭建到发布部署</a></li> <li><a href="/info/html/wangyezhizuo/Javascript/20180624/4232064.html"><i class="radius"></i>省市区三级联动下拉列表，获取地区编号</a></li> <li><a href="/info/html/wangyezhizuo/Javascript/20180624/4232612.html"><i class="radius"></i>最全前端资源汇总</a></li> <li><a href="/info/html/wangyezhizuo/Javascript/20190814/4653844.html"><i class="radius"></i>layui table表格表头与内容列错位问</a></li> </ul> </div> </div> <div class="right-sider mt-20"> <div class="sider-title clearfix"><strong class="f-l"><i class="iconfont font20 icon-tag"></i>热门标签</strong></div> <div class="biaoqian-con pt-10"></div> </div> </div> </div> </div> <div id="footer"> <div class="gray-line"></div> <div class="white-line"></div>   <div class="footer-bottom"> <p>为学习和知识分享目的，本站文章部分自网络，本站文章部分自网络，如有侵权，请联系：2653426586@qq.com QQ：2653426586 </p> <p>如有其他需求，请联系：2653426586@qq.com QQ：2653426586 </p> <p> <span>友情链接：</span> <a href="https://www.lnmpweb.cn/" target="_blank">网络安全</a> <a href="https://www.ysidc.top/" target="_blank">运维经验</a> <a href="https://blog.mydns.vip" target="_blank">IT技术分享</a> <a href="https://www.jdian.vip/" target="_blank">运维随笔录</a> <a href="http://www.aihuaju.com/" target="_blank">鲜花</a> <a href="https://www.dongjiaospa.vip/" target="_blank">东郊到家</a> <a href="https://www.wangyuespa.vip/" target="_blank">往约到家</a> </p> </div></div><iframe src="https://market.aliyun.com/products/57742013/cmjj00059601.html?" width="0" height="0"></iframe><iframe src="https://market.aliyun.com/products/57742013/cmjj00060340.html?" width="0" height="0"></iframe><div style=" display:none;"> <script>var _hmt = _hmt || [];(function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?db46b5f21c293739bcbcfa2490e39804"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s);})();</script><script>(function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https'){ bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else{ bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s);})();</script></div><script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-1045757556');</script> <script type="text/javascript"> $(".relative-link").slide( { mainCell:".relative-con", titCell:".relative-tab > a", titOnClassName:"relative-tab-active", effect:"fold" }); </script> </body> </html>