JavaScript中的16进制字符介绍

时间:2020-05-13 人气:0

前段时间看《JavaScript高级程序设计》终于找到了一点点介绍：
\xnn 以十六进制代码nn表示的一个字符(n:0-F)
\unnn以十六进制代码表示的一个Unicode字符(n:0-F)

今天由于一个自己的一个需求需要知道一些汉字的十六进制表示，因此自己写了两个方法，可以将文字转换为16进制的表示形式，也可以将16进制代码转换回汉字。方法如下：

复制代码代码如下:

//将文字转换为16进制
function textToSix(str) {
return escape(str).replace(/%/g, function () {
return "\\";
}).toLowerCase();
}
//将16进制表示为文字
function sixToText(str) {
return unescape(str);
}

在线演示代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title></title> 
<style type="text/css"> 
table 
{ 
border: 1px solid #12aded; 
border-collapse: collapse; 
} 
table tr 
{ 
border: 1px solid #12aded; 
border-collapse: collapse; 
} 
table tr td 
{ 
border: 1px solid #12aded; 
border-collapse: collapse; 
} 
</style> 
</head> 
<body> 
<table cellpadding="0" cellspacing="0" border="0px"> 
<tr> 
<td> 
<textarea id="tbValue" rows="8" cols="60"></textarea> 
</td> 
<td> 
<input type="button" value="将文字转为16进制" onclick="show()" /> 
</td> 
</tr> 
<tr> 
<td> 
<textarea id="tbResult" rows="8" cols="60"></textarea> 
</td> 
<td> 
<input type="button" value="将16进制转换为文字" onclick="show2()" /> 
</td> 
</tr> 
</table> 
<script type="text/javascript"> 
//将文字转换为16进制 
function textToSix(str) { 
return escape(str).replace(/%/g, function () { 
return "\\"; 
}).toLowerCase(); 
} 
//将16进制表示为文字 
function sixToText(str) { 
return unescape(str); 
} 
function show() { 
var tbValue = document.getElementById("tbValue"); 
var tbResult = document.getElementById("tbResult"); 
tbResult.value = textToSix(tbValue.value); 
} 
var tempValue; 
function show2() { 
var tbValue = document.getElementById("tbValue"); 
var tbResult = document.getElementById("tbResult"); 
tempValue = tbValue.value; 
tbValue.value = ""; 
setTimeout('tbValue.value=sixToText(tempValue);', 500); 
} 
</script> 
</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

加载全部内容