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 相关文章推荐
nicejforms——美化表单不用愁
Feb 20 Javascript
jQuery使用一个按钮控制图片的伸缩实现思路
Apr 19 Javascript
关于jquery的多个选择器的使用示例
Oct 18 Javascript
javascript四舍五入函数代码分享(保留后几位)
Dec 10 Javascript
js的flv视频播放器插件使用方法
Jun 23 Javascript
JavaScript SweetAlert插件实现超酷消息警告框
Jan 28 Javascript
AngularJS 与百度地图的结合实例
Oct 20 Javascript
jQuery实现的仿百度,仿谷歌搜索下拉框效果示例
Dec 30 Javascript
js实现兼容PC端和移动端滑块拖动选择数字效果
Feb 16 Javascript
angular中不同的组件间传值与通信的方法
Nov 04 Javascript
微信小程序实现笑脸评分功能
Nov 03 Javascript
nuxt 每个页面head标签内容设置方式
Nov 05 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
PHP简单系统查询模块代码打包下载
2008/06/07 PHP
开启CURL扩展,让服务器支持PHP curl函数(远程采集)
2011/03/19 PHP
PHP 安全检测代码片段(分享)
2013/07/05 PHP
thinkphp框架实现删除和批量删除
2016/06/29 PHP
写出更好的JavaScript程序之undefined篇(中)
2009/11/23 Javascript
基于jquery的cookie的用法
2011/01/10 Javascript
让alert不出现弹窗的两种方法
2014/05/18 Javascript
教你用jquery实现iframe自适应高度
2014/06/11 Javascript
讲解JavaScript的Backbone.js框架的MVC结构设计理念
2016/02/14 Javascript
ajax异步请求详解
2017/01/06 Javascript
nodejs集成sqlite使用示例
2017/06/05 NodeJs
angular过滤器实现排序功能
2017/06/27 Javascript
解决jQuery使用append添加的元素事件无效的问题
2018/08/30 jQuery
每周一练 之 数据结构与算法(Stack)
2019/04/16 Javascript
Vue+Java 通过websocket实现服务器与客户端双向通信操作
2020/09/22 Javascript
vue实现选中效果
2020/10/07 Javascript
在python的WEB框架Flask中使用多个配置文件的解决方法
2014/04/18 Python
教你如何将 Sublime 3 打造成 Python/Django IDE开发利器
2014/07/04 Python
python批量提交沙箱问题实例
2014/10/08 Python
Python中返回字典键的值的values()方法使用
2015/05/22 Python
python flask实现分页的示例代码
2018/08/02 Python
python安装cx_Oracle和wxPython的方法
2020/09/14 Python
Python爬虫抓取论坛关键字过程解析
2020/10/19 Python
使用jquery实现HTML5响应式导航菜单教程
2014/04/02 HTML / CSS
医疗保健专业人士购物网站:Scrubs & Beyond
2017/02/08 全球购物
高中数学教学反思
2014/01/30 职场文书
环境卫生标语
2014/06/09 职场文书
银行金融服务方案
2014/06/11 职场文书
促销活动总结怎么写
2014/06/25 职场文书
铅球加油稿100字
2014/09/26 职场文书
拖欠货款起诉状
2015/05/20 职场文书
python爬取新闻门户网站的示例
2021/04/25 Python
浅谈@Value和@Bean的执行顺序问题
2021/06/16 Java/Android
使用Python+OpenCV进行卡类型及16位卡号数字的OCR功能
2021/08/30 Python
详解gantt甘特图可拖拽、编辑(vue、react都可用 highcharts)
2021/11/27 Vue.js
python保存图片的四个常用方法
2022/02/28 Python