<style>
main>div {
display: inline-block;
}
</style>
</head>
<body>
<main>
<div>
<textarea name="str" id="" cols="30" rows="10" placeholder="请输入普通字符..."></textarea>
</div>
<div>
<button onclick="btn1()">字符串转Unicode</button><br>
<button onclick="btn2()">Unicode转字符串</button>
</div>
<div>
<textarea name="uCode" id="" cols="30" rows="10" placeholder="请输入unicode..."></textarea>
</div>
</main>
</body>
<script>
// var str=document.querySelector('[name=str]');
// var strValue=str.value;
// var uCode=document.querySelector('[name=uCode]');
// var uCodeValve=uCode.value;
// 字符串转Unicode
btn1 = function () {
var str = document.querySelector('[name=str]');
var strValue = str.value;
var uCode = document.querySelector('[name=uCode]');
var uCodeValve = uCode.value;
var uCodeAll = "";
for (let i = 0; i < strValue.length; i++) {
console.log(i);
var strNum = strValue.charCodeAt(i);
var uc = "\\u" + strNum.toString(16);
uCodeAll += uc;
}
uCode.value = uCodeAll;
}
// Unicode转字符串
btn2 = function () {
var str = document.querySelector('[name=str]');
var strValue = str.value;
var uCode = document.querySelector('[name=uCode]');
var uCodeValve = uCode.value;
var uCodeValveArr = uCodeValve.split("\\u");
var strAll = "";
for (let i = 0; i < uCodeValveArr.length; i++) {
if (uCodeValveArr[i] != "") {
var num = parseInt(uCodeValveArr[i], 16);
var item = String.fromCharCode(num);
strAll += item;
}
}
str.value = strAll;
}
</script>