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 相关文章推荐
javascript 嵌套的函数(作用域链)
Mar 15 Javascript
jQuery实现的Email中的收件人效果(按del键删除)
Mar 20 Javascript
在浏览器窗口上添加遮罩层的方法
Nov 12 Javascript
浅析js设置控件的readonly与enabled属性问题
Dec 25 Javascript
谈谈我对JavaScript原型和闭包系列理解(随手笔记8)
Dec 24 Javascript
获取input标签的所有属性的方法
Jun 28 Javascript
BootStrap modal模态弹窗使用小结
Oct 26 Javascript
Vue.js双向绑定实现原理详解
Dec 22 Javascript
Vue实现图片与文字混输效果
Dec 04 Javascript
JS document对象简单用法完整示例
Jan 14 Javascript
jquery css实现流程进度条
Mar 26 jQuery
Vue Mint UI mt-swipe的使用方式
Jun 05 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
jQuery使用手册之一
2007/03/24 Javascript
Mootools 1.2教程 事件处理
2009/09/15 Javascript
基于jquery的finkyUI插件与Ajax实现页面数据加载功能
2010/12/03 Javascript
jQuery :nth-child前有无空格的区别分析
2011/07/11 Javascript
Jquery 数据选择插件Pickerbox使用介绍
2012/08/24 Javascript
Jquery动态更改一张位图的src与Attr的使用
2013/07/31 Javascript
IE下双击checkbox反应延迟问题的解决方法
2014/03/27 Javascript
微信小程序用户自定义模版用法实例分析
2017/11/28 Javascript
基于 D3.js 绘制动态进度条的实例详解
2018/02/26 Javascript
使用Angular CLI进行Build(构建)和Serve详解
2018/03/24 Javascript
微信小程序实现自定义picker选择器弹窗内容
2020/05/26 Javascript
angularJs中json数据转换与本地存储的实例
2018/10/08 Javascript
JavaScript函数式编程(Functional Programming)声明式与命令式实例分析
2019/05/21 Javascript
React中Ref 的使用方法详解
2020/04/28 Javascript
nuxt.js写项目时增加错误提示页面操作
2020/11/05 Javascript
[15:20]DOTA2亚洲邀请赛总决赛开幕式表演:羽泉献唱
2017/04/05 DOTA
python实现的各种排序算法代码
2013/03/04 Python
python 添加用户设置密码并发邮件给root用户
2016/07/25 Python
Python单体模式的几种常见实现方法详解
2017/07/28 Python
pycharm 配置远程解释器的方法
2018/10/28 Python
PyQt QCombobox设置行高的方法
2019/06/20 Python
Python属性和内建属性实例解析
2020/01/14 Python
python数据类型强制转换实例详解
2020/06/22 Python
Python自动化操作实现图例绘制
2020/07/09 Python
瑞士设计师家具和家居饰品网上商店:Bruno Wickart
2019/03/18 全球购物
初级Java程序员面试题
2016/03/03 面试题
致裁判员加油稿
2014/02/08 职场文书
公司司机岗位职责范本
2014/03/03 职场文书
2014年中秋寄语
2014/08/11 职场文书
关于美容院的活动方案
2014/08/14 职场文书
群众路线个人对照检查材料2014
2014/09/26 职场文书
财务经理岗位职责
2015/01/31 职场文书
教师节获奖感言
2015/07/31 职场文书
医院感染管理制度
2015/08/05 职场文书
小学英语教学随笔
2015/08/14 职场文书
创业计划书之蛋糕店
2019/08/29 职场文书