您的位置：首页 > Web前端 > JavaScript

教你如何在Html、Javascript、Css中使用Unicode符号

2020-06-06 05:42 1126 查看

今天本作发现到unicode字符集中包含了丰富实用有趣的特殊符号，特意研究了一下在html、javascript、css中的使用方法。

其实这些unicode字符使用起来并不难，现在把知识分享给大家，请看本作的源码与注释（将unicode其它字符中前三个的大阳、云、雨伞分别用于html、javascript、css中）：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>heartmv.com</title>
<style>
* {
margin: 0;
padding: 0;
}
b{
font-size:50px;
margin:50px;
}
.b3::before{
content:"\2602"; /*css的用法 */
}

</style>
</head>

<body>
<!--unicode字符集html、javascript、css三种使用方法-->
<!--html的用法-->
<b>☀</b>

<!--javascript的用法-->
<b class="b2"></b>

<!--css的用法-->
<b class="b3"></b>

<script>
var b2=document.querySelector('.b2');
b2.innerHTML='\u2601'; //javascript的用法，只需在css编码的 \ 后面加 u 就行了
</script>
</body>
</html>

浏览器最终的显示结果：

最后献上：

unicode其它字符的链接：https://www.utf8icons.com/subsets/miscellaneous-symbols

unicode字符集：http://www.heartmv.com/zxjx/js/20200313_423.html

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航