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

百变鹏仔 4小时前 #前端问答

文章标签工具包

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;istr0.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 document.onkeydown(){ //页面按键时
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开发小工具包

微信接口开发的详细介绍

c#开发微信实现jssdk签名生成

使用web api开发微信公众号调用图灵机器人接口的方法

微信开发微网站之jquery_mobile案例分析

详解asp.net微信开发消息应答方法