本文介绍一款基于JavaScript的在线编码查询与进制转换工具。该工具支持十进制与十六进制之间的实时互转,以及数字与字符编码的相互转换。用户可通过界面输入框进行数据输入,系统自动计算并显示对应结果,同时提供代码运行、复制及保存功能,适用于前端开发中的基础数据格式转换需求。
进制与编码转换功能
<h4>进制转换</h4> <p> 10进制<input id="txt10a" onkeyup="showNum16();" type="text" /> > 16进制<input id="txt16a" type="text" /><br> 16进制<input id="txt16b" onkeyup="showNum10();" type="text" /> > 10进制<input id="txt10b" type="text" /></p> <h4>编码转换</h4> <p> 数字<input id="txtNum1" onkeyup="showChar();" type="text" value="22221" /> > 字符<input id="txtChar1" type="text" value="囍" /><br> 字符<input id="txtChar2" onkeyup="showCharNum();" type="text" /> > 数字<input id="txtNum2" type="text" /></p> <div style="margin: 5px 0px;"> HTML中可使用 <strong style="color: blue;">&#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>查看</td> </tr> <tr> <td>常用符号、数字、字符</td> <td>33~126</td> <td>94</td> <td>查看</td> </tr> <tr> <td>数字</td> <td>48~57</td> <td>10</td> <td>查看</td> </tr> <tr> <td>大写字母</td> <td>65~90</td> <td>26</td> <td>查看</td> </tr> <tr> <td>小写字母</td> <td>97~122</td> <td>26</td> <td>查看</td> </tr> <tr> <td colspan="4">更多参考资料:编码表</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;"> 小字 中字 大字 共<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 全选内容后,若需引入外部 JavaScript 脚本,请再次刷新页面以确保脚本能够正确执行。