<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" /> > 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 > HTML中可使用 <strong >囍</strong> 表示 <strong >囍</strong> </div> <h4>字元編碼表</h4> <table 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 > 字元：<input id="txtBegin" type="text" /> ~ <input id="txtEnd" type="text" /> <input id="btnQuery" onclick="btnQuery_onclick();" type="button" value="查 詢" /> <span id="spanFontSize" > 小字 中字 大字 共<span id="spanNum">0</span>個 </span> <span id="spanLoading" >載入中...</span> </div> <p> <textarea id="txtCharContent" ></textarea></p>
[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
