innerHTML 输入 Unicode
（图片来源网络，侵删）
在 HTML 中，可以使用 innerHTML 属性来动态地修改元素的内容，要输入 Unicode 字符，可以使用转义序列或实体引用，下面是一个单元表格，列出了常见的 Unicode 转义序列和实体引用的示例：
| Unicode 转义序列 | 实体引用 |
uXXXX |
&#XXXX; |
u{XXXX} |
&#XXXX; |
U000XXXX |
&#XXXX; |
U00XXXXX |
&#XXXX; |
Unicode 转义序列
Unicode 转义序列使用反斜杠（）后跟四位十六进制数字表示一个 Unicode 字符，要输入笑脸符号（😄），可以使用以下代码：
document.getElementById("myElement").innerHTML = "😄";
这将把笑脸符号插入到具有 ID myElement 的元素中。
实体引用
实体引用使用 & 符号后跟一个实体名称表示一个 Unicode 字符，实体名称可以是单个字符、两个字符或五个字符，要输入笑脸符号（😄），可以使用以下代码：
document.getElementById("myElement").innerHTML = "😀";
这将把笑脸符号插入到具有 ID myElement 的元素中，请注意，实体引用中的 # 后面是 Unicode 编码的十六进制表示形式。
JavaScript 示例代码
下面是一个完整的 JavaScript 示例，演示如何使用 innerHTML 属性输入 Unicode 字符：
<!DOCTYPE html>
<html>
<head>
<title>innerHTML 输入 Unicode</title>
</head>
<body>
<div id="myElement"></div>
<script>
var element = document.getElementById("myElement");
element.innerHTML = "你好，世界！😀"; // 使用实体引用插入笑脸符号
</script>
</body>
</html>
在这个示例中，我们创建了一个带有 ID myElement 的 div 元素，并在 JavaScript 中使用 innerHTML 属性将其内容设置为包含文本和笑脸符号的组合，通过使用实体引用 😀，我们可以将笑脸符号正确地显示出来。
原创文章，作者：未希，如若转载，请注明出处：https://www.kdun.com/ask/475438.html
微信扫一扫