javascript在线编码查询工具

更新时间：2010年10月29日 21:48:23 作者：

在线编码查询工具,编码查询,HTML编码

<script type="text/javascript">// <![CDATA[ var begin = parseInt('4e00',16); var end = parseInt('9fa5',16); //alert(end.toString(16)); //alert(begin-end); function getObj(id) { return document.getElementById(id); } function showCharList(begin, end) { getObj('txtBegin').value = begin; getObj('txtEnd').value = end; btnQuery_onclick(); } function btnQuery_onclick() { var begin = parseInt(getObj('txtBegin').value); var end = parseInt(getObj('txtEnd').value); if (isNaN(begin) || isNaN(end) || end < begin) { alert('数字输入错误！请检查！'); return; } getObj('spanFontSize').style.display = 'none'; getObj('spanLoading').style.display = 'inline'; var str = ''; for (var i = begin; i <= end; i++) { str += String.fromCharCode(i); } getObj('txtCharContent').value = str; getObj('spanLoading').style.display = 'none'; getObj('spanFontSize').style.display = 'inline'; getObj('spanNum').innerHTML = str.length; } function showNum16() { var num = parseInt(document.getElementById('txt10a').value); document.getElementById('txt16a').value = num.toString(16); } function showNum10() { var num = parseInt(document.getElementById('txt16b').value, 16); document.getElementById('txt10b').value = num.toString(10); } function showChar() { var num = parseInt(document.getElementById('txtNum1').value); if (isNaN(num)) { document.getElementById('txtChar1').value = ''; } else { document.getElementById('txtChar1').value = String.fromCharCode(num); } } function showCharNum() { var str = document.getElementById('txtChar2').value; var txtNum2 = document.getElementById('txtNum2'); txtNum2.value = ''; for (var i = 0; i < str.length; i++) { txtNum2.value += str.charCodeAt(i) + ';'; } } function setTextFontSize(o, fontSize) { getObj('txtCharContent').style.fontSize = fontSize + 'px'; getObj('aFontSmall').style.color = 'gray'; getObj('aFontMiddle').style.color = 'gray'; getObj('aFontBig').style.color = 'gray'; o.style.color = 'blue'; } // ]]></script> <h4>进制转换</h4> <p> 10进制<input id="txt10a" onkeyup="showNum16();" type="text" /> &gt; 16进制<input id="txt16a" type="text" /><br> 16进制<input id="txt16b" onkeyup="showNum10();" type="text" /> &gt; 10进制<input id="txt10b" type="text" /></p> <h4>编码转换</h4> <p> 数字<input id="txtNum1" onkeyup="showChar();" type="text" value="22221" /> &gt; 字符<input id="txtChar1" type="text" value="囍" /><br> 字符<input id="txtChar2" onkeyup="showCharNum();" type="text" /> &gt; 数字<input id="txtNum2" type="text" /></p> <div style="margin: 5px 0px;"> HTML中可使用 <strong style="color: blue;">&amp;#22221;</strong> 表示 <strong style="color: blue;">囍</strong> </div> <h4>字符编码表</h4> <table style="border-collapse: collapse;" border="2" cellpadding="4"> <tbody> <tr> <th>名称</th> <th>范围</th> <th>数量</th> <th>查看</th> </tr> <tr> <td>汉字</td> <td>19968~40869</td> <td>20902</td> <td><a href="javascript:showCharList(19968,40869);">查看</a></td> </tr> <tr> <td>常用符号、数字、字符</td> <td>33~126</td> <td>94</td> <td><a href="javascript:showCharList(33,126);">查看</a></td> </tr> <tr> <td>数字</td> <td>48~57</td> <td>10</td> <td><a href="javascript:showCharList(48,57);">查看</a></td> </tr> <tr> <td>大写字母</td> <td>65~90</td> <td>26</td> <td><a href="javascript:showCharList(65,90);">查看</a></td> </tr> <tr> <td>小写字母</td> <td>97~122</td> <td>26</td> <td><a href="javascript:showCharList(97,122);">查看</a></td> </tr> <tr> <td colspan="4">更多参考资料：<a href="http://www.nengcha.com/code/unicode/class/" target="_blank">编码表</a></td> </tr> </tbody> </table> <div style="margin: 5px 0px;"> 字符：<input id="txtBegin" type="text" /> ~ <input id="txtEnd" type="text" /> <input id="btnQuery" onclick="btnQuery_onclick();" type="button" value="查 询" /> <span id="spanFontSize" style="display: none;"> <a id="aFontSmall" style="text-decoration: none; color: gray;" onclick="setTextFontSize(this, 14);return false;" href="#">小字</a> <a id="aFontMiddle" style="text-decoration: none; color: blue;" onclick="setTextFontSize(this, 30);return false;" href="#">中字</a> <a id="aFontBig" style="text-decoration: none; color: gray;" onclick="setTextFontSize(this, 60);return false;" href="#">大字</a> 共<span id="spanNum">0</span>个 </span> <span id="spanLoading" style="display: none; color: red;">加载中...</span> </div> <p> <textarea id="txtCharContent" style="width: 600px; height: 300px; font-size: 30px;"></textarea></p>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

编码查询

相关文章

BootStrap.css 在手机端滑动时右侧出现空白的原因及解决办法
这篇文章主要介绍了BootStrap.css 在手机端滑动时右侧出现空白的原因及解决办法的相关资料,非常不错具有参考借鉴价值，需要的朋友可以参考下
2016-06-06
JavaScript知识点总结(四)之逻辑OR运算符详解
这篇文章主要介绍了JavaScript知识点总结(四)之逻辑OR运算符详解的相关资料,在JavaScript中，逻辑OR运算符用||表示。本文介绍的非常详细，具有参考借鉴价值，感兴趣的朋友一起看看吧
2016-05-05
javascript addBookmark 加入收藏多浏览器兼容
不错的加入收藏代码，加入了对一些常见浏览器的判断，更好的体现用户体验，兼容了ie,firefox.
2009-08-08
跟我学习javascript的undefined与null
跟我学习javascript的undefined与null，从定义上理解null和undefined，告诉大家提高undefined性能的方法，感兴趣的小伙伴们可以参考一下
2015-11-11
详解js中构造流程图的核心技术JsPlumb
这篇文章主要介绍了js中构造流程图的核心技术JsPlumb，jsPlumb是一个强大的JavaScript连线库，它可以将html中的元素用箭头、曲线、直线等连接起来，适用于开发Web上的图表、建模工具等，需要的朋友可以参考下
2015-12-12
Webpack 模块加载动态引入机制源码示例解析
这篇文章主要为大家介绍了Webpack 模块加载动态引入机制源码解析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2022-09-09
JavaScript实现跨浏览器的添加及删除事件绑定函数实例
这篇文章主要介绍了JavaScript实现跨浏览器的添加及删除事件绑定函数,采用纯javascript实现jquery的bind及unbind添加与删除事件绑定的技巧,具有很好的浏览器兼容性,需要的朋友可以参考下
2015-08-08
判断及设置浏览器全屏模式
这篇文章主要介绍了如何判断及设置浏览器全屏模式,需要的朋友可以参考下
2014-04-04
layui多iframe页面控制定时器运行的方法
今天小编就为大家分享一篇layui多iframe页面控制定时器运行的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2019-09-09
通用于ie和firefox的函数 GetCurrentStyle (obj, prop)
通用于ie和firefox的函数 GetCurrentStyle (obj, prop)...
2006-12-12

最新评论