语言加密HTML

Mika-1001

已于 2023-12-29 10:24:24 修改

阅读量367

点赞数 10

文章标签：开发语言 html

于 2023-12-29 09:58:18 首次发布

本文链接：https://blog.csdn.net/2301_76479167/article/details/135283948

版权

这个是一个简单的网页，它提供了中文和英文与十六进制之间的转换功能。

具体来说，该网页有两个主要功能：

中文/英文转十六进制：用户可以在输入框中输入一句中文或英文，然后点击“转换为十六进制”按钮。该按钮会调用convertChineseToHex函数，将输入的中文或英文转换为对应的十六进制表示，并在下方的<p>标签中显示出来。
十六进制转中文/英文：用户可以在另一个输入框中输入十六进制，然后点击“转换为中文或英文”按钮。该按钮会调用convertHexToChinese函数，将输入的十六进制转换为对应的中文或英文，并在下方的<p>标签中显示出来。

这两个功能都是通过JavaScript实现的。在JavaScript代码中，使用了charCodeAt方法将每个中文字符或英文字符转换为其对应的Unicode码点，然后使用toString(16)将码点转换为十六进制表示。对于十六进制转中文/英文的操作，则使用parseInt和String.fromCharCode来进行反向转换。

代码如下：


<!DOCTYPE html>
<html>
<head>
    <title>中文和英文与十六进制的转换</title>
    <script>
        function convertChineseToHex() {
            var chineseInput = document.getElementById("chineseInput").value;
            var hexOutput = "";
            for (var i = 0; i < chineseInput.length; i++) {
                var code = chineseInput.charCodeAt(i);
                hexOutput += code.toString(16).padStart(4, '0');
            }
            document.getElementById("hexOutput").innerText = hexOutput;
        }

        function convertHexToChinese() {
            var hexInput = document.getElementById("hexInput").value;
            var chineseOutput = "";
            for (var i = 0; i < hexInput.length; i += 4) {
                var code = parseInt(hexInput.substr(i, 4), 16);
                chineseOutput += String.fromCharCode(code);
            }
            document.getElementById("chineseOutput").innerText = chineseOutput;
        }
    </script>
</head>
<body>
    <h1>中文和英文与十六进制转换</h1>
    <label for="chineseInput">请输入一句中文或英文:</label>
    <input type="text" id="chineseInput">
    <button onclick="convertChineseToHex()">转换为十六进制</button>
    <p id="hexOutput"></p>
    <br>
    <label for="hexInput">请输入十六进制:</label>
    <input type="text" id="hexInput">
    <button onclick="convertHexToChinese()">转换为中文或英文</button>
    <p id="chineseOutput"></p>
</body>
</html>