答案 0 :(得分:1)
此示例在Firefox 61上适用于我。输出为:
在Google Chrome上,我拥有:
现在,尝试运行以下代码段:
document.querySelector('.output').textContent = String.fromCodePoint(0x1F923);
console.log(String.fromCodePoint(0x1F923));
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS Bin</title>
</head>
<body>
<p class='output'></p>
</body>
</html>
如果仍然可以看到该正方形,请检查浏览器的编码和默认字体。并检查它是否支持表情符号,例如在我的Google Chrome浏览器上未呈现它。
因此,也许您需要使用Twitter's Twemoji之类的第三方JavaScript库:
// I got the Unicode for that emoji(1F602) from www.unicode.org/emoji/charts/full-emoji-list.html
document.querySelector('.output').innerHTML = twemoji.convert.fromCodePoint('1F602');
<script src="//twemoji.maxcdn.com/2/twemoji.min.js?11.0"></script>
<p class="output"></p>