WEB程式開發常用小工具包

最後更新：2018-12-07 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

代碼如下：

<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'> <div 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'></div> </td></tr></table> <script> var str1="",toolcolor="bbbbbb",movecolor="#ffffff" function write1(){ a.innerHTML="<table cellspacing=0 cellpadding=3 rules=all style='border-Collapse:collapse;border:1 solid cccccc;' onmouseup='if(event.srcElement.tagName==\"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+"</table>" document.title=sel1.options[sel1.selectedIndex].text+"_參考輸入工具["+(sel1.selectedIndex+1)+"]" } function write2(strs1,strs2){ strs1==160?strss1="空格":strss1="&#"+strs1+";" str1+="<tr><td>&#"+strs1+";</td><td>&"+strs2+";</td><td class='n1'>"+strss1+"</td></tr>" } function change1(changeindex){ str1="" switch(changeindex){ case 0: //中文特殊符號 str0="·ˇ¨〃々-～‖…〔〕〈〉《》「」『』〖〗【】±×÷∧∨∑∏∪∩∈∷√⊥∥∠⌒⊙∫∮≡≌≈∽∝≠≮≯≤≥∞∵∴♂♀°℃＄¤￠￡‰§№☆★○●◎◇◆□■△▲※→←↑↓〓ˊˋ˙-―‥℅℉∕∟≒≦≧⊿═║╒╓╔╕╖╗╙╚╛╜╝╞╟╠╡╢╣╤╥╦╧╨╩╪╫╬╭╮╯╰╱╲╳▁▂▃▅▇█▉▊▋▌▍▎▏▓▔▕▼▽◢◣◤◥☉⊕〒‵′〝″ⅰⅱⅲⅳⅴⅵⅶⅷⅸⅹ⒈⒉⒊⒋⒌⒍⒎⒏⒐⒑⒒⒓⒔⒕⒖⒗⒘⒙⒚⒛⑴⑵⑶⑷⑸⑹⑺⑻⑼⑽⑾⑿⒀⒁⒂⒃⒄⒅⒆⒇①②③④⑤⑥⑦⑧⑨⑩㈠㈡㈢㈣㈤㈥㈦㈧㈨㈩ⅠⅡⅢⅣⅤⅥⅦⅧⅨⅩⅪⅫ─━│┃┄┅┆┇┈┉┊┋┌┍┎┏┐┑┒┓└┕┖┗┘┙┚┛├┝┞┟┠┡┢┣┤┥┦┧┨┩┪┫┬┭┮┯┰┱┲┳┴┵┶┷┸┹┺┻┼┽┾┿╀╁╂╃╄╅╆╇╈╉╊╋︵︶︹︺︿﹀︽︾﹁﹂﹃﹄︻︼︷︸︱" for(i=0;i<str0.length-1;i++){ str1+="<tr>" for(j=0;j<7;j++){str1+="<td>"+str0.charAt(i)+"</td>";i++} str1+="</tr>";i-- } break; case 4: //他國單字與符號 str0="абвгдеёжзийклмнопрстуфхцчшщъыьэюяАБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯΑΒΓΔΕΖΗΘΙΚΛΜΝΞΟΠΡΣΤΥΦΧΨΩαβγδεζηθικλμνξοπρστυφχψωāáǎàēéěèīíǐìōóǒòūúǔùǖǘǚǜüêɑńňɡㄅㄆㄇㄈㄉㄊㄋㄌㄍㄎㄏㄐㄑㄒㄓㄔㄕㄖㄗㄘㄙㄚㄛㄜㄝㄞㄟㄠㄡㄢㄣㄤㄥㄦㄧㄨㄩぁあぃいぅうぇえぉおかがきぎくぐけげこごさざしじすずせぜそぞただちぢっつづてでとどなにぬねのはばぱひびぴふぶぷへべぺほぼぽまみむめもゃやゅゆょよらりるれろゎわゐゑをんァアィイゥウェエォオカガキギクグケゲコゴサザシジスズセゼソゾタダチヂッツヅテデトドナニヌネノハバパヒビピフブプヘベペホボポマミムメモャヤュユョヨラリルレロヮワヰヱヲンヴヵヶ" for(i=0;i<str0.length-1;i++){ str1+="<tr>" for(j=0;j<7;j++){str1+="<td class='n1'>"+str0.charAt(i)+"</td>";i++} str1+="</tr>";i-- } break; case 1: //Assic實體對照 str1="<tr bgcolor='"+toolcolor+"'><td>HTM表示</td><td>瀏覽</td><td>VB表示</td></tr>" for(i=1;i<384;i++){str1+="<tr><td>&#"+i+";</td><td class='n1'>&#"+i+";</td><td>chr("+i+")</td></tr>"} break; case 7: //wingdings字型 str1="<tr bgcolor='"+toolcolor+"'><td>HTM表示</td><td>常規</td><td>應用字型</td></tr>" for(i=33;i<384;i++){str1+="<tr><td>&#"+i+";</td><td class='n1'>&#"+i+";</td><td class='n2'>&#"+i+";</td></tr>"} break; case 8: //wingdings 2字型 str1="<tr bgcolor='"+toolcolor+"'><td>HTM表示</td><td>常規</td><td>應用字型</td></tr>" for(i=33;i<384;i++){str1+="<tr><td>&#"+i+";</td><td class='n1'>&#"+i+";</td><td class='n3'>&#"+i+";</td></tr>"} break; case 9: //wingdings 3字型 str1="<tr bgcolor='"+toolcolor+"'><td>HTM表示</td><td>常規</td><td>應用字型</td></tr>" for(i=33;i<384;i++){str1+="<tr><td>&#"+i+";</td><td class='n1'>&#"+i+";</td><td class='n4'>&#"+i+";</td></tr>"} break; case 10: //webdings字型 str1="<tr bgcolor='"+toolcolor+"'><td>HTM表示</td><td>常規</td><td>應用字型</td></tr>" for(i=33;i<384;i++){str1+="<tr><td>&#"+i+";</td><td class='n1'>&#"+i+";</td><td class='n5'>&#"+i+";</td></tr>"} break; case 11: //Marlett字型 str1="<tr bgcolor='"+toolcolor+"'><td>HTM表示</td><td>常規</td><td>應用字型</td></tr>" for(i=48;i<58;i++){str1+="<tr><td>&#"+i+";</td><td class='n1'>&#"+i+";</td><td class='n6'>&#"+i+";</td></tr>"} for(i=97;i<122;i++){str1+="<tr><td>&#"+i+";</td><td class='n1'>&#"+i+";</td><td class='n6'>&#"+i+";</td></tr>"} break; case 12: //華文彩雲字型 str1="<tr bgcolor='"+toolcolor+"'><td>HTM表示</td><td>常規</td><td>應用字型</td></tr>" for(i=33;i<384;i++){str1+="<tr><td>&#"+i+";</td><td class='n1'>&#"+i+";</td><td class='n7'>&#"+i+";</td></tr>"} break; case 2: //HTML已具名實體 var str0="iexcl;¢£¤¥¦§¨©ª«¬®¯°±²³´µ¶·¸¹º»¼½¾¿ÀÁÂÃÄÅÆÇÈÉÊËÌÍÎÏÐÑÒÓÔÕÖ×ØÙÚÛÜÝÞßàáâãäåæçèéêëìíîïðñòóôõö÷øùúûüýþÿ".split('&') str1="<tr bgcolor='"+toolcolor+"'><td>HTM表示</td><td>命名</td><td>瀏覽</td></tr>" write2(34,"quot");write2(38,"amp");write2(60,"lt");write2(62,"gt");write2(160,"nbsp"); for(i=161;i<256;i++){str1+="<tr><td>&#"+i+";</td><td>&"+str0[i-161]+"</td><td class='n1'>&#"+i+";</td></tr>"} break; case 3: //HTML附加具名實體 str1="<tr bgcolor='"+toolcolor+"'><td>HTM表示</td><td>命名</td><td>瀏覽</td></tr>" write2(402,"fnof"); var str0="Alpha;ΒΓΔΕΖΗΘΙΚΛΜΝΞΟΠΡ".split('&') for(i=913;i<930;i++){str1+="<tr><td>&#"+i+";</td><td>&"+str0[i-913]+"</td><td class='n1'>&#"+i+";</td></tr>"} str0="Sigma;ΤΥΦΧΨΩ".split('&') for(i=931;i<938;i++){str1+="<tr><td>&#"+i+";</td><td>&"+str0[i-931]+"</td><td class='n1'>&#"+i+";</td></tr>"} str0="alpha;βγδεζηθικλμνξοπρ&sigmaf;στυφχψω".split('&') for(i=945;i<970;i++){str1+="<tr><td>&#"+i+";</td><td>&"+str0[i-945]+"</td><td class='n1'>&#"+i+";</td></tr>"} 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;i<8597;i++){str1+="<tr><td>&#"+i+";</td><td>&"+str0[i-8592]+"</td><td class='n1'>&#"+i+";</td></tr>"} write2(8629,"crarr"); str0="lArr;&uArr;⇒&dArr;⇔".split('&') for(i=8656;i<8661;i++){str1+="<tr><td>&#"+i+";</td><td>&"+str0[i-8656]+"</td><td class='n1'>&#"+i+";</td></tr>"} 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="<tr bgcolor='"+toolcolor+"'><td>效果</td><td>名稱</td><td>16進位表示</td></tr>" 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;i<str0.length;i++){str1+="<tr><td bgcolor='"+str0[i]+"'></td><td>"+str0[i]+"</td><td style='color:#"+str00[i]+"'>#"+str00[i]+"</td></tr>"} break; case 6: //Windows系統色盤 str1="<tr bgcolor='"+toolcolor+"'><td>效果1</td><td>效果2</td><td>名稱</td></tr>" 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;i<str0.length;i++){str1+="<tr><td bgcolor='"+str0[i]+"'></td><td style='color:"+str0[i]+"'>Lshdic</td><td style='word-Break:keep-all;'>"+str0[i]+"</td></tr>"} break; case 13: //鍵盤索引值探測器 str1="<center> 現在請您按下您鍵盤上的任意一個鍵</center><center>其索引值會顯示在上方輸入框中</center>" break; case 14: //簡易計算機 str1="<center> 請在下邊輸入框中輸入需要計算的公式</center><center>公式如 12+64 20/5 100+(77*44)</center><center><input id='txt2'> <input type='button' value='開始計算' onclick='try{txt.value=eval(txt2.value)}catch(e){alert(\"錯誤的公式！\")}'></center>" break; case 15: //進位轉換工具 for(i=2;i<129;i++){str0+="<option>"+i;i++} str1="<center> 請在下邊輸入框中輸入一組數字</center><center><input id='txt2'> 轉換為:<select id='sel2'>"+str0+"</select>進位 <input type='button' value='開始轉換' onclick='try{txt.value=new Number(txt2.value).toString(sel2.options[sel2.selectedIndex].text)}catch(e){alert(\"異常錯誤！\")}'></center>" 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>
[Ctrl+A 全選提示:你可先修改部分代碼,再點運行代碼]

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More

WEB程式開發常用小工具包

聯繫我們

A Free Trial That Lets You Build Big!

Sales Support

After-Sales Support