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

复制代码 代码如下:

<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> 

时间: 2024-10-26 17:09:30

Js+Dhtml:WEB程序员简易开发工具包(预先体验版)_javascript技巧的相关文章

前端程序员必须知道的高性能Javascript知识_javascript技巧

想必大家都知道,JavaScrip是全栈开发语言,浏览器,手机,服务器端都可以看到JS的身影. 本文会分享一些高效的JavaScript的最佳实践,提高大家对JS的底层和实现原理的理解. 数据存储 计算机学科中有一个经典问题是通过改变数据存储的位置来获得最佳的读写性能,在JavaScript中,数据存储的位置会对代码性能产生重大影响. – 能使用{}创建对象就不要使用new Object,能使用[]创建数组就不要使用new Array.JS中字面量的访问速度要高于对象. – 变量在作用域链中的位

Web程序员最牛最实用的资源

 大家好,最近我见到几个对Web程序员来说很牛很实用的工具/框架/事件,下面就带你们看看这些很棒的资源. Bitcore        伟大的JS库,完全支持创建一个比特币应用所必须的功能.        验证比特币地址: var bitcore = require('bitcore');   var Address = bitcore.Address;   var addr = new Address("1A1zP1eP5QGefi2DMPTfTL5SLmv7DivfNa");  

如何才能成为一名真正的Web程序员

web|程序|程序员|程序员 程序员可以分为很多种,像Unix程序员.Windows程序员,或是C++程序员.Delphi程序员,等等.今天我想谈的是Web程序员,我感觉目前的情况是这样,一般来说,做Unix的看不起做Windows的,做C++的看不起搞VB或是Delphi(而这两者又有些相互瞧不起)的,好像搞Web的是最惨的,处于食物链的底端.当然,这种情况到了2001年又有点变化,那就是懂Java的牛的不得了,一说起XXX懂Java.Jsp,大家就不禁有些敬仰. 我觉得这种情况很不正常,当然

程序员软件开发的酸甜苦辣:漫画图赏

话说程序猿穿越时空,悟空与八戒正在戏说程序猿的酸甜苦辣.于是一场华山论剑的精彩好戏陆续拉开了帷幕. 有没有梦想自己也有一天像比尔盖茨一样拿高薪?正所谓站得高,看得远.唐僧从西天取经回来,也终于悟到了怎样才能成为21世纪一名优秀的程序员.于是将这些秘密发扬广大,期望后人能承担重任. 民以食为天,所以第一定律从收入开始. 程序员第一定律可以表述为:程序员的收入是技能复杂度和技能实现可能程度的函数.如果程序员的工资是S,社会平均水平的工资为A,程序员掌握的技能复杂度 为C,实现程度为P.那么S = A

红帽推容器开发工具包2.1版 容器开发更容易

近日,红帽在旧金山举行的红帽峰会上宣布推出红帽容器开发工具包2.1版(RHCDK). 红帽容器开发工具包是红帽为Linux客户推出的许多免费的编程工具之一,可以令程序员很容易地创建企业应用和容器化的应用程序,程序以OpenShift 3开发环境和红帽企业Linux(RHEL)环境为目标. RHCDK 2.1的主要特点为: OpenShift升级到OpenShift 企业版3.2.今年的新版OpenShift是红帽的平台即服务(PaaS),建立于Kubernetes 1.2.x 和Docker1.

成为Web程序员大神实则不难

相同于其他行业,Web设计工作其实也是比较枯燥乏味的.如果我们总是将我们所有的时间都用在工作上而忽略其他,反而会影响我们的激情和积极性. 而,激情和积极性,是一种能促使我们全神贯注.专心致志工作.面对挑战也不皱一皱眉头的神奇力量.如果你想在这一行干得出色.干得成功,那么激情和积极性绝对必不可少.或者简而言之,这就像是一个反馈循环. 无论你对Web设计这份工作的喜爱程度如何,当然有可能你只是做一天和尚撞一天钟,每天只是随大流例行检查般看看电脑就算完事:又或者你森森地觉得只要不让你搞网站(甚至是看一

向facebook和twitter学习 如何成为优秀WEB程序员

中介交易 SEO诊断 淘宝客 云主机 技术大厅 在我这个老程序员看来,没有什么事情是比编程序有趣而简单的了.因为我爱编程,爱把心中的想法用软件实现. 我的故事网站是我各种灵感的试验田.自己想到什么,就能通过网站表达出来,这是程序员最大的好处.在外行人看来,编程是神秘的,或许还有点高深.这和我入道之前想法相同.不过一旦找到了编程的感觉,就自然来了自信.这种自信会让你有勇气克服所有困难. 首先,要确定编程是否适合你.如果你想从事技术类工作,编程也是一种技术.如果你喜欢和人打交道,而不是机器,编程也许

WEB程序员,界面美化是你心中永远的痛吗?

回想自己从事WEB方面的开发已经有6-7年,对于各种Web技术都已经非常熟悉.可是,身为程序员的我对于制作B/S表单界面的事着实心痛.心痛1:很多后端代码和逻辑要写,可我还不得不费力的在各种网页制作工具中拖放控件放到美工提供的美术模板中.再配上css写上javascript.表单大一点够我弄上一整天.心痛2:表单这东西,不是老手还干不了,又要漂亮又要有功能所以要和各种各样的table,td,div,javascript,css打交道.稍微不注意,显示效果就和所想的不一样,最后这种事情全成了老手门

未来WEB程序员

作为一名程序员,如果你想在这个领域内继续向前进步或者在当前的经济形势下保持不被炒鱿鱼,那么你就决不应当自满自足,你需要继续学习.近日,著名IT评论员Justin James在他的博客中列出了未来五年程序员应当具备的十项技能,如果照此实践,你未来的工作前景一定一片光明. 当前的经济形势下,很多程序员将目光聚焦在短期内的工作形式上,但是你仍然要抽出时间和精力学习新的技能.以下是作为程序员应当即刻学习的十项技能,以确保在未来五年内你的简历上有真材实料.当然这个名单很难做到详尽而没有遗漏,有些领域没有涉