HTML、CSS、JS对unicode字符的不同处理
2023-09-11 14:16:16 时间
unicode字符的不同表示法
unicode字符在html、css和js中的表示方法均不相同,下面分别作介绍。
原文发表于这里
1.1. css表示法
首先来一段很常见的bootstrap的字体图标代码:
.glyphicon-home:before {
content: "\e021";
}
上面代码中的e021
就是这个字符的unicode码,是16进制。
语法:
'\ + 16进制的unicode编码'
如:'\5b89'表示汉字“安”:
<div class="test"></div>
<style>
.test: before {content: "\e021";}
</style>
1.2. js表示方法
语法:
'\u + 16进制的unicode编码'
示例:
// 如:'\u5b89'表示汉字“安”
console.log('\u5b89'); // 输出“安”
1.3. html表示方法
html特殊一点,使用的是10进制,一开始没注意这个搞的半天出不来郁闷很久。
语法:
'&# + 10进制的unicode编码 + 英文分号;'
如& #23433;
(注意,由于正常书写的话发表之后会被转换成汉字,所以我这里故意中间留了空格防止转换)表示汉字安
,结尾的分号经测试不加也没问题,但是最好还是加一下。
<div>
这是unicode表示的字符“安”:& #23433;(这里故意留一空格防止转换)
</div>
另外,一些特殊字符还有其它表示,也就是常说的html转义字符
,如(由于自动转换问题,这里用图片表示):
完整的HTML转义字符表可以参见这里:
http://tool.oschina.net/commons?type=2
获取汉字的unicode编码
那么,如何知道一个汉字的unicode的编码呢?很简单:
'安'.charCodeAt(); // 输出的 23433 就是汉字 安 的unicode编码,不过注意是10进制的
String.fromCharCode(23433); // 输出 '安'
得到了10进制的unicode编码,再如果想在js和css里面用的话,就需要用toString(16)
转16进制再做进一步处理了。
var unicode = '\\u'+'茗'.charCodeAt().toString(16); // 输出字符串:"\u8317"
JSON.parse('"'+unicode+'"'); // 输出汉字:"茗"
eval('"'+unicode+'"'); // 或者使用eval解析也可以
相关文章
- JS 逆向 --- 过无限debugge、hook、js混淆还原、控制流混淆
- js apply/call/caller/callee/bind使用方法与区别分析
- Html Table用JS导出excel格式问题 导出EXCEL后单元格里的000412341234会变成412341234 7-14 会变成 2018-7-14(7月14) 自定义格式 web利用table表格生成excel格式问题 js导出excel增加表头、mso-number-format定义数据格式 数字输出格式转换 mso-number-format:"@"
- js基础 js自执行函数、调用递归函数、圆括号运算符、函数声明的提升 js 布尔值 ASP.NET MVC中设置跨域
- Python 输出HTML实体字符(&#x***转html,html符号乱码,中文乱码)
- 【Vue/js】Js中执行变量中的命令语句,也就是所谓的宏替换(很实用的例子)
- 爬虫之JS的解析确定js的位置
- 33dwr - util.js 功能(addOptions 和removeAllOptions)
- node.js 如何完美的从命令行接收参数所传递进来的值
- ASP.NET MVC异步验证是如何工作的03,jquery.validate.unobtrusive.js是如何工作的
- JS基础知识
- 前端JS的服务订阅&服务发布
- JS 工具函数 方法(其中js的crc32和php的crc32区别)
- [js高手之路] vue系列教程 - 绑定class与行间样式style(6)
- js 实现数组元素交换位置
- js判断字符是否存在汉字的方法
- 浅析如何使用前端终端组件Xterm.js制作一个web terminal及遇到的元素自适应、字符删除与上下键切换命令等问题
- 【Laya + TS + JS】SheetJS(js-xlsx)前端生成Excel表格
- 手把手教你安装鸿蒙和运行第一个Demo(js)版
- js中找string中重复项最多的字符个数
- js-原生Js汉语拼音首字母匹配城市名
- JS知识点
- JQuery/JS插件 linq.js 获取所有选中行的Id
- heatmap.js 参数说明