Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[分享]Js+Dhtml:WEB程序员简易开发工具包

[复制链接]
lu5266 发表于 2005-9-8 16:24:35 | 显示全部楼层 |阅读模式
从无忧看到的好东西
拿来大家分享下
当你想用某些字符
却找不到的话
这个是你的好选择


演示: √√√ ◣http://free4.e-168.cn/luzhenling/bbs/webtool.htm◢ ♥♥♥


♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥

把下面的代码保存为一个html文件,运行就可以了

  1. <HTML>
  2. <HEAD>
  3. <META http-equiv='Content-Type' content='text/html;charset=gb2312'>
  4. <META name='Gemeratpr' content='网络程序员伴侣(Lshdic)2005_开拓版'>
  5. <TITLE>LD5工具</TITLE>
  6. <style>
  7. *{font-size:12px;font-family:宋体}
  8. td{width:180;cursor:hand;text-align:center}
  9. .n1{font-size:18px}
  10. .n2{font-size:18px;font-family:wingdings}
  11. .n3{font-size:18px;font-family:wingdings 2}
  12. .n4{font-size:18px;font-family:wingdings 3}
  13. .n5{font-size:18px;font-family:webdings}
  14. .n6{font-size:18px;font-family:Marlett}
  15. .n7{font-size:18px;font-family:华文彩云}
  16. </style>
  17. </HEAD>
  18. <BODY onselectstart='if(event.srcElement.tagName!="INPUT")return false' scroll=no style='margin:0;border:1 solid menu' bgcolor='menu'>
  19. <table style='border-Collapse:collapse;border:2 solid white;' cellpadding=2 rules=all><tr><td style='width:100%'>
  20. <select onchange='change1(this.selectedIndex)' id='sel1' style='width:150'><Optgroup label='特殊符号与字符集' style='color:red'>
  21. <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='输入值'>
  22. </td></tr><tr><td style='padding:0'>
  23. <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>
  24. </td></tr></table>
  25. <script>
  26. /******************
  27. Author:lshdic(FYW)
  28. Website:http://www.lshdic.com
  29. E-mail:lshdic@sina.com
  30. Resume:本程序的资料整理、编写、最终审查等工作由LD2、4、5原作者独立完成,难免存在疏忽并不能保证数据100%正确,一页原代码,可独立运行于非LD2005开发环境的WEB浏览器内,另存后即可在本地使用
  31. ******************/
  32. var str1="",toolcolor="bbbbbb",movecolor="#ffffff"
  33. function write1(){
  34. 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>"
  35. document.title=sel1.options[sel1.selectedIndex].text+"_参考输入工具["+(sel1.selectedIndex+1)+"]"
  36. }
  37. function write2(strs1,strs2){
  38. strs1==160?strss1="空格":strss1="&#"+strs1+";"
  39. str1+="<tr><td>&#"+strs1+";</td><td>&"+strs2+";</td><td class='n1'>"+strss1+"</td></tr>"
  40. }
  41. function change1(changeindex){
  42. str1=""
  43. switch(changeindex){
  44. case 0:    //中文特殊符号
  45. str0="·ˇ¨〃々-~‖…〔〕〈〉《》「」『』〖〗【】±×÷∧∨∑∏∪∩∈∷√⊥∥∠⌒⊙∫∮≡≌≈∽∝≠≮≯≤≥∞∵∴♂♀°℃$¤¢£‰§№☆★○●◎◇◆□■△▲※→←↑↓〓ˊˋ˙-―‥℅℉↖↗↘↙∕∟≒≦≧⊿═║╒╓╔╕╖╗╙╚╛╜╝╞╟╠╡╢╣╤╥╦╧╨╩╪╫╬╭╮╯╰╱╲╳▁▂▃▅▇█▉▊▋▌▍▎▏▓▔▕▼▽◢◣◤◥☉⊕〒‵′〝″ⅰⅱⅲⅳⅴⅵⅶⅷⅸⅹ⒈⒉⒊⒋⒌⒍⒎⒏⒐⒑⒒⒓⒔⒕⒖⒗⒘⒙⒚⒛⑴⑵⑶⑷⑸⑹⑺⑻⑼⑽⑾⑿⒀⒁⒂⒃⒄⒅⒆⒇①②③④⑤⑥⑦⑧⑨⑩㈠㈡㈢㈣㈤㈥㈦㈧㈨㈩ⅠⅡⅢⅣⅤⅥⅦⅧⅨⅩⅪⅫ─━│┃┄┅┆┇┈┉┊┋┌┍┎┏┐┑┒┓└┕┖┗┘┙┚┛├┝┞┟┠┡┢┣┤┥┦┧┨┩┪┫┬┭┮┯┰┱┲┳┴┵┶┷┸┹┺┻┼┽┾┿╀╁╂╃╄╅╆╇╈╉╊╋︵︶︹︺︿﹀︽︾﹁﹂﹃﹄︻︼︷︸︱"
  46. for(i=0;i<str0.length-1;i++){
  47. str1+="<tr>"
  48. for(j=0;j<7;j++){str1+="<td>"+str0.charAt(i)+"</td>";i++}
  49. str1+="</tr>";i--
  50. }
  51. break;
  52. case 4:    //他国单字与符号
  53. str0="абвгдеёжзийклмнопрстуфхцчшщъыьэюяАБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯΑΒΓΔΕΖΗΘΙΚΛΜΝΞΟΠΡΣΤΥΦΧΨΩαβγδεζηθικλμνξοπρστυφχψωāáǎàēéěèīíǐìōóǒòūúǔùǖǘǚǜüêɑ?ńň?ɡㄅㄆㄇㄈㄉㄊㄋㄌㄍㄎㄏㄐㄑㄒㄓㄔㄕㄖㄗㄘㄙㄚㄛㄜㄝㄞㄟㄠㄡㄢㄣㄤㄥㄦㄧㄨㄩぁあぃいぅうぇえぉおかがきぎくぐけげこごさざしじすずせぜそぞただちぢっつづてでとどなにぬねのはばぱひびぴふぶぷへべぺほぼぽまみむめもゃやゅゆょよらりるれろゎわゐゑをんァアィイゥウェエォオカガキギクグケゲコゴサザシジスズセゼソゾタダチヂッツヅテデトドナニヌネノハバパヒビピフブプヘベペホボポマミムメモャヤュユョヨラリルレロヮワヰヱヲンヴヵヶ"
  54. for(i=0;i<str0.length-1;i++){
  55. str1+="<tr>"
  56. for(j=0;j<7;j++){str1+="<td class='n1'>"+str0.charAt(i)+"</td>";i++}
  57. str1+="</tr>";i--
  58. }
  59. break;
  60. case 1:    //Assic实体对照
  61. str1="<tr bgcolor='"+toolcolor+"'><td>HTM表示</td><td>浏览</td><td>VB表示</td></tr>"
  62. for(i=1;i<384;i++){str1+="<tr><td>&#"+i+";</td><td class='n1'>&#"+i+";</td><td>chr("+i+")</td></tr>"}
  63. break;
  64. case 7:    //wingdings字体
  65. str1="<tr bgcolor='"+toolcolor+"'><td>HTM表示</td><td>常规</td><td>应用字体</td></tr>"
  66. for(i=33;i<384;i++){str1+="<tr><td>&#"+i+";</td><td class='n1'>&#"+i+";</td><td class='n2'>&#"+i+";</td></tr>"}
  67. break;
  68. case 8:    //wingdings 2字体
  69. str1="<tr bgcolor='"+toolcolor+"'><td>HTM表示</td><td>常规</td><td>应用字体</td></tr>"
  70. for(i=33;i<384;i++){str1+="<tr><td>&#"+i+";</td><td class='n1'>&#"+i+";</td><td class='n3'>&#"+i+";</td></tr>"}
  71. break;
  72. case 9:    //wingdings 3字体
  73. str1="<tr bgcolor='"+toolcolor+"'><td>HTM表示</td><td>常规</td><td>应用字体</td></tr>"
  74. for(i=33;i<384;i++){str1+="<tr><td>&#"+i+";</td><td class='n1'>&#"+i+";</td><td class='n4'>&#"+i+";</td></tr>"}
  75. break;
  76. case 10:    //webdings字体
  77. str1="<tr bgcolor='"+toolcolor+"'><td>HTM表示</td><td>常规</td><td>应用字体</td></tr>"
  78. for(i=33;i<384;i++){str1+="<tr><td>&#"+i+";</td><td class='n1'>&#"+i+";</td><td class='n5'>&#"+i+";</td></tr>"}
  79. break;
  80. case 11:    //Marlett字体
  81. str1="<tr bgcolor='"+toolcolor+"'><td>HTM表示</td><td>常规</td><td>应用字体</td></tr>"
  82. for(i=48;i<58;i++){str1+="<tr><td>&#"+i+";</td><td class='n1'>&#"+i+";</td><td class='n6'>&#"+i+";</td></tr>"}
  83. for(i=97;i<122;i++){str1+="<tr><td>&#"+i+";</td><td class='n1'>&#"+i+";</td><td class='n6'>&#"+i+";</td></tr>"}
  84. break;
  85. case 12:    //华文彩云字体
  86. str1="<tr bgcolor='"+toolcolor+"'><td>HTM表示</td><td>常规</td><td>应用字体</td></tr>"
  87. for(i=33;i<384;i++){str1+="<tr><td>&#"+i+";</td><td class='n1'>&#"+i+";</td><td class='n7'>&#"+i+";</td></tr>"}
  88. break;
  89. case 2:    //HTML已命名实体
  90. var str0="iexcl;&cent;&pound;¤&yen;&brvbar;§¨&copy;&ordf;&laquo;&not;&shy;&reg;&macr;°±&sup2;&sup3;&acute;&micro;&para;·&cedil;&sup1;&ordm;&raquo;&frac14;&frac12;&frac34;&iquest;&Agrave;&Aacute;&Acirc;&Atilde;&Auml;&Aring;&AElig;&Ccedil;&Egrave;&Eacute;&Ecirc;&Euml;&Igrave;&Iacute;&Icirc;&Iuml;&ETH;&Ntilde;&Ograve;&Oacute;&Ocirc;&Otilde;&Ouml;×&Oslash;&Ugrave;&Uacute;&Ucirc;&Uuml;&Yacute;&THORN;&szlig;àá&acirc;&atilde;&auml;&aring;&aelig;&ccedil;èéê&euml;ìí&icirc;&iuml;&eth;&ntilde;òó&ocirc;&otilde;&ouml;÷&oslash;ùú&ucirc;ü&yacute;&thorn;&yuml;".split('&')
  91. str1="<tr bgcolor='"+toolcolor+"'><td>HTM表示</td><td>命名</td><td>浏览</td></tr>"
  92. write2(34,"quot");write2(38,"amp");write2(60,"lt");write2(62,"gt");write2(160,"nbsp");
  93. for(i=161;i<256;i++){str1+="<tr><td>&#"+i+";</td><td>&"+str0[i-161]+"</td><td class='n1'>&#"+i+";</td></tr>"}
  94. break;
  95. case 3:    //HTML附加命名实体
  96. str1="<tr bgcolor='"+toolcolor+"'><td>HTM表示</td><td>命名</td><td>浏览</td></tr>"
  97. write2(402,"fnof");
  98. var str0="Alpha;ΒΓΔ&Epsilon;ΖΗΘΙΚΛ&Mu;&Nu;&Xi;&Omicron;&Pi;Ρ".split('&')
  99. for(i=913;i<930;i++){str1+="<tr><td>&#"+i+";</td><td>&"+str0[i-913]+"</td><td class='n1'>&#"+i+";</td></tr>"}
  100. str0="Sigma;Τ&Upsilon;ΦΧΨΩ".split('&')
  101. for(i=931;i<938;i++){str1+="<tr><td>&#"+i+";</td><td>&"+str0[i-931]+"</td><td class='n1'>&#"+i+";</td></tr>"}
  102. str0="alpha;βγδ&epsilon;ζηθικλ&mu;&nu;&xi;&omicron;&pi;ρ&#962;στ&upsilon;φχψω".split('&')
  103. for(i=945;i<970;i++){str1+="<tr><td>&#"+i+";</td><td>&"+str0[i-945]+"</td><td class='n1'>&#"+i+";</td></tr>"}
  104. write2(977,"thetasym");write2(978,"upsih");write2(982,"piv");
  105. 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");
  106. str0="larr;↑→↓&#8596;".split('&')
  107. for(i=8592;i<8597;i++){str1+="<tr><td>&#"+i+";</td><td>&"+str0[i-8592]+"</td><td class='n1'>&#"+i+";</td></tr>"}
  108. write2(8629,"crarr");
  109. str0="lArr;&uArr;&rArr;&dArr;&hArr;".split('&')
  110. for(i=8656;i<8661;i++){str1+="<tr><td>&#"+i+";</td><td>&"+str0[i-8656]+"</td><td class='n1'>&#"+i+";</td></tr>"}
  111. 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");
  112. break;
  113. case 5:    //W3C16色对照表
  114. str1="<tr bgcolor='"+toolcolor+"'><td>效果</td><td>名称</td><td>16进制表示</td></tr>"
  115. str0="Black,White,Red,Yellow,Lime,Aqua,Blue,Fuchsia,Gray,Silver,Maroon,Olive,Green,Teal,Navy,Purple,Transparent".split(",")
  116. str00="000000,ffffff,ff0000,ffff00,00ff00,00ffff,0000ff,ff00ff,808080,c0c0c0,800000,808000,008000,008080,000080,800080,透明色".split(",")
  117. 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>"}
  118. break;
  119. case 6:    //Windows系统色盘
  120. str1="<tr bgcolor='"+toolcolor+"'><td>效果1</td><td>效果2</td><td>名称</td></tr>"
  121. 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(",")
  122. 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>"}
  123. break;
  124. case 13:    //键盘键值探测器
  125. str1="<center>&nbsp;<p>现在请您按下您键盘上的任意一个键</center><p><center>其键值会显示在上方输入框中</center>"
  126. break;
  127. case 14:    //简易计算器
  128. str1="<center>&nbsp;<p>请在下边输入框中输入需要计算的公式</center><p><center>公式如 12+64 20/5 100+(77*44)</center><p><center><input id='txt2'><br><input type='button' value='开始计算' onclick='try{txt.value=eval(txt2.value)}catch(e){alert("错误的公式!")}'></center>"
  129. break;
  130. case 15:    //进制转换工具
  131. for(i=2;i<129;i++){str0+="<option>"+i;i++}
  132. str1="<center>&nbsp;<p>请在下边输入框中输入一组数字</center><p><center><input id='txt2'><br>转换为:<select id='sel2'>"+str0+"</select>进制<br><input type='button' value='开始转换' onclick='try{txt.value=new Number(txt2.value).toString(sel2.options[sel2.selectedIndex].text)}catch(e){alert("异常错误!")}'></center>"
  133. break;
  134. }
  135. write1()
  136. }
  137. function document.onkeydown(){    //页面按键时
  138. if(sel1.selectedIndex==13){  //检测是否开启键盘键值探测器
  139. txt.value=event.keyCode;event.keyCode=0;event.returnValue=false;
  140. }}

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

  147. //本插件程序由于能够在WEB浏览器中直接运行,因此提前于LD5软件的发布供大家使用,因此,本程序并非为最终发布时的完整版本形态
  148. </script>
  149. </BODY>
  150. </HTML>
复制代码

[ 本帖最后由 lu5266 于 2005-9-8 16:33 编辑 ]

评分

1

查看全部评分

oytktk 发表于 2005-9-8 16:36:37 | 显示全部楼层
1楼被我抢了~

N牛....这东西好.....你能找到算你猛!

[ 本帖最后由 oytktk 于 2005-9-8 16:37 编辑 ]
回复

使用道具 举报

 楼主| lu5266 发表于 2005-9-8 16:37:47 | 显示全部楼层
原帖由 oytktk 于 2005-9-8 16:36 发表
1楼被我抢了~

哈哈
回复

使用道具 举报

 楼主| lu5266 发表于 2005-9-8 16:39:08 | 显示全部楼层
原帖由 oytktk 于 2005-9-8 16:36 发表
1楼被我抢了~

N牛....这东西好.....你能找到算你猛!

可以吧

我开始也不知道这么好的

一用感觉
真的很爽

以前找个字符都很难

这个简直就是爽呆了
回复

使用道具 举报

 楼主| lu5266 发表于 2005-9-8 16:40:11 | 显示全部楼层
原帖由 oytktk 于 2005-9-8 16:36 发表
1楼被我抢了~



回复

使用道具 举报

freddy 发表于 2005-9-8 16:48:48 | 显示全部楼层
原帖由 lu5266 于 2005-9-8 16:40 发表






回复

使用道具 举报

oytktk 发表于 2005-9-8 16:50:12 | 显示全部楼层
这个FLASH改的够劲.够强.够味!
回复

使用道具 举报

 楼主| lu5266 发表于 2005-9-8 16:59:23 | 显示全部楼层
原帖由 freddy 于 2005-9-8 16:48 发表




呵呵


原帖由 oytktk 于 2005-9-8 16:50 发表
这个FLASH改的够劲.够强.够味!



这个2 M多,修改的时候,ps都耗尽了256的内存了 :L

[ 本帖最后由 lu5266 于 2005-9-8 17:02 编辑 ]
回复

使用道具 举报

bff1978 发表于 2005-9-8 17:16:47 | 显示全部楼层
我晕,超强,谢谢楼主
回复

使用道具 举报

 楼主| lu5266 发表于 2005-9-8 18:04:09 | 显示全部楼层
原帖由 bff1978 于 2005-9-8 17:16 发表
我晕,超强,谢谢楼主



知道好东西咯
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-5-4 14:50 , Processed in 0.124134 second(s), 19 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表