Js+Dhtml:WEB程序员简易开发工具包(预先体验版)


Posted in Javascript onNovember 07, 2006
<HTML> 
<HEAD> 
<META http-equiv='Content-Type' content='text/html;charset=gb2312'> 
<META name='Gemeratpr' content='网络程序员伴侣(Lshdic)2005_开拓版'> 
<TITLE>LD5工具</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> 
/****************** 
Author:lshdic(FYW) 
Website:http://www.lshdic.com 
E-mail:lshdic@sina.com 
Resume:本程序的资料整理、编写、最终审查等工作由LD2、4、5原作者独立完成,难免存在疏忽并不能保证数据100%正确,一页原代码,可独立运行于非LD2005开发环境的WEB浏览器内,另存后即可在本地使用 
******************/ 
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;βγδεζηθικλμνξοπρςστυφχψω".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;⇑⇒⇓⇔".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> <p>现在请您按下您键盘上的任意一个键</center><p><center>其键值会显示在上方输入框中</center>" 
break; 
case 14:    //简易计算器 
str1="<center> <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>" 
break; 
case 15:    //进制转换工具 
for(i=2;i<129;i++){str0+="<option>"+i;i++} 
str1="<center> <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>" 
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浏览器中直接运行,因此提前于LD5软件的发布供大家使用,因此,本程序并非为最终发布时的完整版本形态 
</script> 
</BODY> 
</HTML> 
Javascript 相关文章推荐
QQ邮箱的一个文本编辑器代码
Mar 14 Javascript
firefox中用javascript实现鼠标位置的定位
Jun 17 Javascript
JQuery上传插件Uploadify使用详解及错误处理
Apr 27 Javascript
jQuery Study Notes学习笔记 (二)
Aug 04 Javascript
在网站上应该用的30个jQuery插件整理
Nov 03 Javascript
Js冒泡事件详解及阻止示例
Mar 21 Javascript
angular.foreach 循环方法使用指南
Jan 06 Javascript
jQuery学习笔记之创建DOM元素
Jan 19 Javascript
简单实现js选项卡切换效果
Feb 03 Javascript
AngularJS中的过滤器filter用法完全解析
Apr 22 Javascript
jQuery下拉框的简单应用
Jun 24 Javascript
为什么推荐使用JSX开发Vue3
Dec 28 Vue.js
Ucren Virtual Desktop V2.0
Nov 07 #Javascript
非常不错的一个javascript 类
Nov 07 #Javascript
不错的一个日期输入 动态
Nov 06 #Javascript
由prototype_1.3.1进入javascript殿堂-类的初探
Nov 06 #Javascript
javascript读取xml
Nov 04 #Javascript
用javascript操作xml
Nov 04 #Javascript
一个加密JavaScript的开源工具PACKER2.0.2
Nov 04 #Javascript
You might like
留言板翻页的实现详解
2006/10/09 PHP
php获取mysql版本的几种方法小结
2008/03/25 PHP
javascript some()函数用法详解
2014/11/13 PHP
CI框架源码解读之URI.php中_fetch_uri_string()函数用法分析
2016/05/18 PHP
php实现的双色球算法示例
2017/06/20 PHP
[原创]来自ImageSee官方 JavaScript图片浏览器
2008/01/16 Javascript
Prototype Object对象 学习
2009/07/12 Javascript
JavaScript实现文字与图片拖拽效果的方法
2015/02/16 Javascript
浅谈javascript中call()、apply()、bind()的用法
2015/04/20 Javascript
再JavaScript的jQuery库中编写动画效果的指南
2015/08/13 Javascript
JavaScript中eval()函数用法详解
2015/12/14 Javascript
数据结构中的各种排序方法小结(JS实现)
2016/07/23 Javascript
JavaScript中的普通函数和箭头函数的区别和用法详解
2017/03/21 Javascript
jQuery复合事件用法示例
2017/06/10 jQuery
Vue三层嵌套路由的示例代码
2018/05/05 Javascript
JS/HTML5游戏常用算法之路径搜索算法 随机迷宫算法详解【普里姆算法】
2018/12/13 Javascript
微信小程序--获取用户地理位置名称(无须用户授权)的方法
2019/04/29 Javascript
webpack4 optimization使用总结
2019/11/10 Javascript
Vue中常用rules校验规则(实例代码)
2019/11/14 Javascript
vue 翻页组件vue-flip-page效果
2020/02/05 Javascript
[53:20]2018DOTA2亚洲邀请赛 4.1 小组赛 A组加赛 VG vs OG
2018/04/03 DOTA
python类继承用法实例分析
2014/10/10 Python
详解Python中的正则表达式的用法
2015/04/09 Python
django框架如何集成celery进行开发
2017/05/24 Python
浅析python redis的连接及相关操作
2019/11/07 Python
Python小程序之在图片上加入数字的代码
2019/11/26 Python
CSS3中各种颜色属性的使用教程
2016/05/17 HTML / CSS
html5 canvas fillRect坐标和大小的问题解决方法
2014/03/26 HTML / CSS
几个Linux面试题笔试题
2012/12/01 面试题
用Java语言将一个键盘输入的数字转化成中文输出
2013/01/25 面试题
中学家长会邀请函
2014/01/17 职场文书
优秀求职信范文分享
2014/01/26 职场文书
赔偿协议书
2015/01/27 职场文书
领导莅临指导欢迎词
2015/09/30 职场文书
2016年社区国庆节活动总结
2016/04/01 职场文书
python对文档中元素删除,替换操作
2022/04/02 Python