一、字符串转换为16进制
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>字符串转16进制</title> <link rel="stylesheet" href=""> </head> <body> <input type="text" id="demo1"> <button onclick="stringToHex()">字符串转16进制</button> <p id="demo2"></p> <script> function stringToHex(){ var str = document.getElementById("demo1").value; var val = ""; for (var i = 0; i < str.length; i++) { if (val == "") { val = str.charCodeAt(i).toString(16); //获取字符的Unicode码然后转16进制 } else { val += "," + str.charCodeAt(i).toString(16);//获取字符的Unicode码然后转16进制再拼接,中间用逗号隔开 } } document.getElementById("demo2").innerHTML = val; } </script> </body> </html>
二、十六进制转字符串
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>十六进制转换为字符串</title> <link rel="stylesheet" href=""> </head> <body> <input type="text" id="demo1"> <button onclick="hexToString()">十六进制转字符串</button> <p id="demo2"></p> <script> /** * 将16进制字符串进行分组,每两个一组 * @param {[String]} str [16进制字符串] * @return {[Array]} [16进制数组] */ function groupArray(str){ var result = new Array(); for (var i = 0; i < str.length/2; i++) { var aa = str.slice(i*2, (i+1)*2); result.push(aa); } return result; } function hexToString(){ var str = document.getElementById("demo1").value; var arr = groupArray(str); //将16进制字符串进行每两个分组 var val = ""; for (var i = 0; i < arr.length; i++) { val += String.fromCharCode(parseInt(arr[i], 16)); //将分组后的16进制字符串转10进制Unicode码,然后将Unicode码转换为字符 } document.getElementById("demo2").innerHTML = val; } </script> </body> </html>