<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Unicode和字符的转换工具</title>
<style>
div{
display:flex;
}
input{
font-size:20px;
line-height:100px;
text-align:center;
background-color:#eee;
}
button{
width:10%;
background-color:pink;
border:1px solid lightblue;
}
</style>
</head>
<body>
<div class="wrap">
<input type="text" id="txt1">
<button onclick="change(1)">转unicode</button>
<button onclick="change(2)">转字符</button>
<input type="text" id="txt2">
</div>
<h1><a href="http://www.cnblogs.com/wuyun-blog/p/5706703.html">URL和URI的区别</a></h1>
<script>
/**
* 用到三个String的方法
* split("")把字符串分割成数组
* charCodeAt(index)返回在指定位置的字符的编码
* String.fromCharCode()把Unicode编码转换为字符
*/
//获取元素
var txt1=document.getElementById("txt1");
var txt2=document.getElementById("txt2");
// 转换函数
function change(a){
//转换为unicode
if(a==1){
var val="";
//先字符串分割为数组
var resArr=txt1.value.split("");
//遍历数组的每个字符
for(var i=0;i<resArr.length;i++){
val+=(resArr[i].charCodeAt(0)+"");
}
txt2.value=val;
}
//转换为字符
else{
txt2.value=String.fromCharCode(txt1.value);
}
}
</script>
</body>
</html>
