Javascript online code query tool _ javascript skills

Source: Internet
Author: User
Online encoding query tool, encoding query, HTML Encoding

<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 (get Obj ('txtend'). value); if (isNaN (begin) | isNaN (end) | end <begin) {alert ('digit input error! Please check! '); Return;} getObj ('spanfontsize '). style. display = 'none'; getObj ('splitloading '). style. display = 'inline'; var str = ''; for (var I = begin; I <= end; I ++) {str + = String. fromCharCode (I);} getObj ('txtcharcontent '). value = str; getObj ('splitloading '). 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 '). styl E. fontSize = fontSize + 'px '; getObj ('afontsmall '). style. color = 'Gray '; getObj ('afontmiddle '). style. color = 'Gray '; getObj ('afontbig '). style. color = 'Gray '; o. style. color = 'Blue ';} //]> script hexadecimal conversion <p> 10 hexadecimal <input id = "txt10a" onkeyup = "showNum16 (); "type =" text "/> hexadecimal <input id =" txt16a "type =" text "/> <br> hexadecimal <input id =" txt16b "onkeyup = "showNum10 (); "type =" text "/> 10 hexadecimal <input id =" txt10b "t Ype = "text"/> </p> encoding and conversion <p> Number <input id = "txtNum1" onkeyup = "showChar (); "type =" text "value =" 22221 "/> character <input id =" txtChar1 "type =" text "value =" character "/> <br> character <input id = "txtChar2" onkeyup = "showCharNum (); "type =" text "/> Number <input id =" txtNum2 "type =" text "/> </p> <p style =" margin: 5px 0px; "> <strong style =" color: blue; "> strong </strong> can be used in HTML to indicate <strong style =" color: blue; "> encoding </strong> </p> character encoding table <table s Tyle = "border-collapse: collapse; "border =" 2 "cellpadding =" 4 "> <tbody> <tr> <th> name </th> <th> range </th> <th> quantity </ th> <th> View </th> </tr> <td> Chinese characters </td> <td> 19968 ~ 40869 </td> <td> 20902 </td> <td> View </td> </tr> <td> common symbols, numbers, and characters </td> <td> 33 ~ 126 </td> <td> 94 </td> <td> View </td> </tr> <td> Number </td> <td> 48 ~ 57 </td> <td> 10 </td> <td> View </td> </tr> <td> uppercase letters </td> <td> 65 ~ 90 </td> <td> 26 </td> <td> View </td> </tr> <td> lowercase letter </td> <td> 97 ~ 122 </td> <td> 26 </td> <td> View </td> </tr> <td colspan = "4"> more references: encoding table </td> </tr> </tbody> </table> <p style = "margin: 5px 0px;"> character: <input id = "txtBegin" type = "text"/> ~ <Input id = "txtEnd" type = "text"/> <input id = "btnQuery" onclick = "btnQuery_onclick (); "type =" button "value =" "/> A total of 0 uppercase and lowercase characters are being loaded... </p> <textarea id = "txtCharContent" style = "width: 600px; height: 300px; font-size: 30px; "> </textarea> </p>
[Ctrl + A select all Note: If you need to introduce external Js, You need to refresh it to execute]

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.