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 相关文章推荐
extJs 下拉框联动实现代码
Apr 09 Javascript
jQuery-onload让第一次页面加载时图片是淡入方式显示
May 23 Javascript
js 立即调用的函数表达式如何写
Jan 12 Javascript
jQuery制作的别致导航有阴影背景高亮模式窗口
Apr 15 Javascript
下拉框select的绑定示例
Sep 04 Javascript
JavaScript创建闭包的两种方式的优劣与区别分析
Jun 22 Javascript
jquery实现邮箱自动填充提示功能
Nov 17 Javascript
解析浏览器端的AJAX缓存机制
Jun 21 Javascript
Vue实现数字输入框中分割手机号码的示例
Oct 10 Javascript
Vue导出json数据到Excel电子表格的示例
Dec 04 Javascript
vue input 输入校验字母数字组合且长度小于30的实现代码
May 16 Javascript
Vue.js实现的计算器功能完整示例
Jul 11 Javascript
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
table标签的结构与合并单元格的实现方法
2013/07/24 PHP
php中的常用魔术方法总结
2013/08/02 PHP
完美利用Yii2微信后台开发的系列总结
2016/07/18 PHP
PHP输出多个元素的排列或组合的方法
2017/03/14 PHP
PHP For循环字母A-Z当超过26个字母时输出AA,AB,AC
2020/02/16 PHP
js左侧多级菜单动态的解决方案
2010/02/01 Javascript
防止页面被iframe(兼容IE,Firefox火狐)
2010/07/04 Javascript
js实现鼠标滚轮控制图片缩放效果的方法
2015/02/20 Javascript
js拖拽的原型声明和用法总结
2016/04/04 Javascript
如何正确理解javascript的模块化
2017/03/02 Javascript
vue.js获得当前元素的文字信息方法
2018/03/09 Javascript
mpvue+vant app搭建微信小程序的方法步骤
2019/02/11 Javascript
jQuery实现每日秒杀商品倒计时功能
2019/09/06 jQuery
react-native聊天室|RN版聊天App仿微信实例|RN仿微信界面
2019/11/12 Javascript
如何在Vue中使localStorage具有响应式(思想实验)
2020/07/14 Javascript
toString.call()通用的判断数据类型方法示例
2020/08/28 Javascript
vue 避免变量赋值后双向绑定的操作
2020/11/07 Javascript
JS常用跨域方法实现原理解析
2020/12/09 Javascript
[02:41]DOTA2英雄基础教程 冥魂大帝
2014/01/16 DOTA
[42:48]完美世界DOTA2联赛PWL S3 Magma vs INK ICE 第二场 12.11
2020/12/16 DOTA
教你用python3根据关键词爬取百度百科的内容
2016/08/18 Python
linux平台使用Python制作BT种子并获取BT种子信息的方法
2017/01/20 Python
python中将函数赋值给变量时需要注意的一些问题
2017/08/18 Python
Python环境搭建之OpenCV的步骤方法
2017/10/20 Python
Django中日期处理注意事项与自定义时间格式转换详解
2018/08/06 Python
Python如何实现小程序 无限求和平均
2020/02/18 Python
python3实现名片管理系统(控制台版)
2020/11/29 Python
世界首屈一指的在线男士内衣权威:HisRoom
2017/08/05 全球购物
巴西手表购物网站:eclock
2019/03/19 全球购物
.NET现在共支持多少种语言
2014/02/26 面试题
春节联欢会主持词
2014/03/24 职场文书
原料仓管员岗位职责
2014/04/12 职场文书
保洁员岗位职责
2015/02/04 职场文书
致接力运动员加油稿
2015/07/21 职场文书
springboot+zookeeper实现分布式锁
2022/03/21 Java/Android
德劲DE1102数字调谐收音机机评
2022/04/07 无线电