推荐一个常用的WEB开发小工具包

html>
head>
meta http-equiv='content-type' content='text/html;charset=gb2312'>
title>工具包title>
style>
*{font-size:12px;font-family:宋体}
td{width:180;cursor:hand;text-align:center}
.n1{font-size:18px}
.n2{font-size:18px;font-family:wingdings}
.n3{font-size:18px;font-family:wingdings 2}
.n4{font-size:18px;font-family:wingdings 3}
.n5{font-size:18px;font-family:webdings}
.n6{font-size:18px;font-family:marlett}
.n7{font-size:18px;font-family:华文彩云}
style>
head>
body onselectstart='if(event.srcelement.tagname!="input")return false' scroll=no style='margin:0;border:1 solid menu' bgcolor='menu'>
table style='border-collapse:collapse;border:2 solid white;' cellpadding=2 rules=all>tr>td style='width:100%'>
select onchange='change1(this.selectedindex)' id='sel1' style='width:150'>optgroup label='特殊符号与字符集' style='color:red'>
option>中文特殊符号option>assic实体对照option>html已命名实体option>html附加命名实体option>他国单字与符号optgroup>optgroup label='常用颜色预览表' style='color:green'>option>w3c16色对照表option>windows系统色盘optgroup>optgroup label='图形字体集' style='color:blue'>option>wingdings字体option>wingdings 2字体option>wingdings 3字体option>webdings字体option>marlett字体option>华文彩云字体optgroup>optgroup label='数据探测与计算' style='color:purple'>option>键盘键值探测器option>简易计算器option>进制转换工具select>input style='width:80' id='txt' value='输入值'>
td>tr>tr>td style='padding:0'>
p style='scrollbar-shadow-color:white;scrollbar-base-color:menu;scrollbar-arrow-color:black;overflow-y:scroll;word-break:break-all;width:240;height:250' id='a'>p>
td>tr>table>
script>
var str1="",toolcolor="bbbbbb",movecolor="#ffffff"
function write1(){
a.innerhtml="

" td " )txt.value=event.srcelement.innertext' onmouseover='if(event.srcelement.tagname== " td " &&event.srcelement.bgcolor== " " )event.srcelement.bgcolor=movecolor' onmouseout='if(event.srcelement.tagname== " td " &&event.srcelement.bgcolor==movecolor.tolowercase())event.srcelement.bgcolor= " " '> " + str1 + " "
document.title = sel1.options[sel1.selectedindex].text + " _参考输入工具[ " + (sel1.selectedindex + 1 ) + " ] "
}
function  write2(strs1,strs2){
strs1 == 160 ? strss1 = " 空格 " :strss1 = " " + strs1 + " ; "
str1 += " "+strs1+"; &"+strs2+"; "+strss1+" "
}
function  change1(changeindex){
str1 = ""
switch (changeindex){
case   0 :     // 中文特殊符号
str0 = " ·ˇ¨〃々-～‖…〔〕〈〉《》「」『』〖〗【】±×÷∧∨∑∏∪∩∈∷√⊥∥∠⌒⊙∫∮≡≌≈∽∝≠≮≯≤≥∞∵∴°℃＄¤￠￡‰§№○●◎◇◆□■△▲※→←↑↓〓ˊˋ˙-―‥℅℉↖↗↘↙∕∟≒≦≧⊿═║╒╓╔╕╖╗╙╚╛╜╝╞╟╠╡╢╣╤╥╦╧╨╩╪╫╬╭╮╯╰╱╲╳▁▂▃▅▇█▉▊▋▌▍▎▏▓▔▕▼▽◢◣◤◥⊕〒‵′〝″ⅰⅱⅲⅳⅴⅵⅶⅷⅸⅹ⒈⒉⒊⒋⒌⒍⒎⒏⒐⒑⒒⒓⒔⒕⒖⒗⒘⒙⒚⒛⑴⑵⑶⑷⑸⑹⑺⑻⑼⑽⑾⑿⒀⒁⒂⒃⒄⒅⒆⒇①②③④⑤⑥⑦⑧⑨⑩㈠㈡㈢㈣㈤㈥㈦㈧㈨㈩ⅠⅡⅢⅣⅤⅥⅦⅧⅨⅩⅪⅫ─━│┃┄┅┆┇┈┉┊┋┌┍┎┏┐┑┒┓└┕┖┗┘┙┚┛├┝┞┟┠┡┢┣┤┥┦┧┨┩┪┫┬┭┮┯┰┱┲┳┴┵┶┷┸┹┺┻┼┽┾┿╀╁╂╃╄╅╆╇╈╉╊╋︵︶︹︺︿﹀︽︾﹁﹂﹃﹄︻︼︷︸︱ "
for (i = 0 ;i str0.length-1;i++){
str1+=" "
for(j=0;j7;j++){str1+=" "+str0.charat(i)+" ";i++}
str1+=" ";i--
}
break;
case 4:    //他国单字与符号
str0="абвгдеёжзийклмнопрстуфхцчшщъыьэюяАБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯΑΒΓΔΕΖΗΘΙΚΛΜΝΞΟΠΡΣΤΥΦΧΨΩαβγδεζηθικλμνξοπρστυφχψωāáǎàēéěèīíǐìōóǒòūúǔùǖǘǚǜüêɑńňɡㄅㄆㄇㄈㄉㄊㄋㄌㄍㄎㄏㄐㄑㄒㄓㄔㄕㄖㄗㄘㄙㄚㄛㄜㄝㄞㄟㄠㄡㄢㄣㄤㄥㄦㄧㄨㄩぁあぃいぅうぇえぉおかがきぎくぐけげこごさざしじすずせぜそぞただちぢっつづてでとどなにぬねのはばぱひびぴふぶぷへべぺほぼぽまみむめもゃやゅゆょよらりるれろゎわゐゑをんァアィイゥウェエォオカガキギクグケゲコゴサザシジスズセゼソゾタダチヂッツヅテデトドナニヌネノハバパヒビピフブプヘベペホボポマミムメモャヤュユョヨラリルレロヮワヰヱヲンヴヵヶ"
for(i=0;istr0.length-1;i++){
str1+=" "
for(j=0;j7;j++){str1+=" "+str0.charat(i)+" ";i++}
str1+=" ";i--
}
break;
case 1:    //assic实体对照
str1=" "+toolcolor+"'>htm表示 浏览 vb表示 "
for(i=1;i384;i++){str1+=" "+i+"; "+i+"; chr("+i+") "}
break;
case 7:    //wingdings字体
str1=" "+toolcolor+"'>htm表示 常规 应用字体 "
for(i=33;i384;i++){str1+=" "+i+"; "+i+"; "+i+"; "}
break;
case 8:    //wingdings 2字体
str1=" "+toolcolor+"'>htm表示 常规 应用字体 "
for(i=33;i384;i++){str1+=" "+i+"; "+i+"; "+i+"; "}
break;
case 9:    //wingdings 3字体
str1=" "+toolcolor+"'>htm表示 常规 应用字体 "
for(i=33;i384;i++){str1+=" "+i+"; "+i+"; "+i+"; "}
break;
case 10:    //webdings字体
str1=" "+toolcolor+"'>htm表示 常规 应用字体 "
for(i=33;i384;i++){str1+=" "+i+"; "+i+"; "+i+"; "}
break;
case 11:    //marlett字体
str1=" "+toolcolor+"'>htm表示 常规 应用字体 "
for(i=48;i58;i++){str1+=" "+i+"; "+i+"; "+i+"; "}
for(i=97;i122;i++){str1+=" "+i+"; "+i+"; "+i+"; "}
break;
case 12:    //华文彩云字体
str1=" "+toolcolor+"'>htm表示 常规 应用字体 "
for(i=33;i384;i++){str1+=" "+i+"; "+i+"; "+i+"; "}
break;
case 2:    //html已命名实体
var str0="iexcl;¢£¤¥¦§¨©ª«¬­®¯°±²³´µ¶·¸¹º»¼½¾¿àáâãäåæçèéêëìíîïðñòóôõö×øùúûüýþßàáâãäåæçèéêëìíîïðñòóôõö&pide;øùúûüýþÿ".split('&')
str1=" "+toolcolor+"'>htm表示 命名 浏览 "
write2(34,"quot");write2(38,"amp");write2(60,"lt");write2(62,"gt");write2(160,"nbsp");
for(i=161;i256;i++){str1+=" "+i+"; &"+str0[i-161]+" "+i+"; "}
break;
case 3:    //html附加命名实体
str1=" "+toolcolor+"'>htm表示 命名 浏览 "
write2(402,"fnof");
var str0="alpha;βγδεζηθικλμνξοπρ".split('&')
for(i=913;i930;i++){str1+=" "+i+"; &"+str0[i-913]+" "+i+"; "}
str0="sigma;τυφχψω".split('&')
for(i=931;i938;i++){str1+=" "+i+"; &"+str0[i-931]+" "+i+"; "}
str0="alpha;βγδεζηθικλμνξοπρςστυφχψω".split('&')
for(i=945;i970;i++){str1+=" "+i+"; &"+str0[i-945]+" "+i+"; "}
write2(977,"thetasym");write2(978,"upsih");write2(982,"piv");
write2(8226,"bull");write2(8230,"hellip");write2(8242,"prime");write2(8243,"prime");write2(8254,"oline");write2(8260,"frasl");write2(8472,"weierp");write2(8465,"image");write2(8476,"real");write2(8482,"trade");write2(8501,"alefsym");
str0="larr;↑→↓↔".split('&')
for(i=8592;i8597;i++){str1+=" "+i+"; &"+str0[i-8592]+" "+i+"; "}
write2(8629,"crarr");
str0="larr;↑→↓↔".split('&')
for(i=8656;i8661;i++){str1+=" "+i+"; &"+str0[i-8656]+" "+i+"; "}
write2(8704,"forall");write2(8706,"part");write2(8707,"exist");write2(8709,"empty");write2(8711,"nabla");write2(8712,"isin");write2(8713,"notin");write2(8715,"ni");write2(8719,"prod");write2(8722,"sum");write2(8722,"minus");write2(8727,"lowast");write2(8730,"radic");write2(8733,"prop");write2(8734,"infin");write2(8736,"ang");write2(8869,"and");write2(8870,"or");write2(8745,"cap");write2(8746,"cup");write2(8747,"int");write2(8756,"there4");write2(8764,"sim");write2(8773,"cong");write2(8773,"asymp");write2(8800,"ne");write2(8801,"equiv");write2(8804,"le");write2(8805,"ge");write2(8834,"sub");write2(8835,"sup");write2(8836,"nsub");write2(8838,"sube");write2(8839,"supe");write2(8853,"oplus");write2(8855,"otimes");write2(8869,"perp");write2(8901,"sdot");write2(8968,"lceil");write2(8969,"rceil");write2(8970,"lfloor");write2(8971,"rfloor");write2(9001,"lang");write2(9002,"rang");write2(9674,"loz");write2(9824,"spades");write2(9827,"clubs");write2(9829,"hearts");write2(9830,"diams");
break;
case 5:    //w3c16色对照表
str1=" "+toolcolor+"'>效果 名称 16进制表示 "
str0="black,white,red,yellow,lime,aqua,blue,fuchsia,gray,silver,maroon,olive,green,teal,navy,purple,transparent".split(",")
str00="000000,ffffff,ff0000,ffff00,00ff00,00ffff,0000ff,ff00ff,808080,c0c0c0,800000,808000,008000,008080,000080,800080,透明色".split(",")
for(i=0;istr0.length;i++){str1+=" "+str0[i]+"'> "+str0[i]+" "+str00[i]+"'>#"+str00[i]+" "}
break;
case 6:    //windows系统色盘
str1=" "+toolcolor+"'>效果1 效果2 名称 "
str0="windowtext,windowframe,window,threedshadow,buttonshadow,threedlightshadow,threedhighlight,threedface,buttonface,threeddarkshadow,scrollbar,menutext,menu,infotext,infobackground,inactivecaptiontext,inactivecaption,inactiveborder,highlighttext,highlight,graytext,captiontext,buttontext,buttonhighlight,background,appworkspace,activecaption,activeborder".split(",")
for(i=0;istr0.length;i++){str1+=" "+str0[i]+"'> "+str0[i]+"'>lshdic "+str0[i]+" "}
break;
case 13:    //键盘键值探测器
str1="  

现在请您按下您键盘上的任意一个键

其键值会显示在上方输入框中 "
break;
case 14:    //简易计算器
str1="  

请在下边输入框中输入需要计算的公式

公式如 12+64 20/5 100+(77*44)

" 错误的公式！ " )}'> "
break;
case 15:    //进制转换工具
for(i=2;i129;i++){str0+=""+i;i++}
str1="  

请在下边输入框中输入一组数字

转换为: "+str0+"进制
"异常错误！")}'>"
break;
}
write1()
}
function [removed](){    //页面按键时
if(sel1.selectedindex==13){  //检测是否开启键盘键值探测器
txt.value=event.keycode;event.keycode=0;event.returnvalue=false;
}}

temp1=location.href //初始化启动部分（附加的url参数可以控制预先选取的列表，形式如xxx.htm?xxx=*，其中*应为0-12之间的数字，用于配合lshdic2005软体附属工具的默认启动调用）
try{
sel1.options[temp1.substr(temp1.indexof('=')+1)].selected=true;sel1.onchange()
}catch(e){
sel1.onchange()
}

//本插件程序由于能够在web浏览器中直接运行
script>
body>
html> 

以上就是推荐一个常用的WEB开发小工具包的详细内容，更多请关注慧达安全导航其它相关文章！