【JavaScript】浅析javaScript和HTML与unicode字符集的关系

时间：2022-09-05 16:12:13

目录结构：

//

contents structure [-]

javaScript和HTML支持的字符集

JavaScript是支持unicode的。

现代的浏览器在网页中都支持ASCII字符集、ISO字符集、数学符号、希腊字母、其他符号。HTML5默认使用UTF-8。读者可以点击这儿查看ASCII、unicode和utf-8的关系。

javaScript和HTML如何表现unicode字符集

HTML页面使用的是网页文档对象，它是通过转义字符串来表现unicode字符集，语法规则为：“第一部分是一个&符号，英文叫ampersand；第二部分是实体（Entity）名字或者是#加上实体（Entity）编号；第三部分是一个分号。”比如：字符“&”可以在HTML中表示为"&"、" &"或是"&"点击这儿查看详情。

javaScript使用的是浏览器系统对象，是十六进制的。它同HTML表现unicode字符集不一样，他有自己的转义字符，javaScript的转义字符表：

Unicode 字符值 转义序列 含义 类别
\u0008 \b Backspace  
\u0009 \t Tab 空白
\u000A \n 换行符（换行） 行结束符
\u000B \v 垂直制表符 空白
\u000C \f 换页 空白
\u000D \r 回车 行结束符
\u0020   空格 空白
\u0022 \" 双引号 (")  
\u0027 \' 单引号 (')  
\u005C \\ 反斜杠 (\)  
\u00A0   不间断空格 空白
\u2028   行分隔符 行结束符
\u2029   段落分隔符 行结束符
\uFEFF   字节顺序标记 空白

读者可以打开电脑自带的字符映射表，在里面可以找到unicode代码，比如：

在宋体栏目一行中的unicode转到中输入字符串“FE6A”，就会自动跳到百分号，并且在最下面显示“U+FE6A”。

读者可以在html中写出如下测试代码：

<!DOCTYPE html>
<html>
<head>
<title>test.html</title>

<meta name="content-type" content="text/html; charset=UTF-8">

</head>

<body>

<script>
document.write("\ufe6a﹪");
alert("\ufe6a");
</script>
<p>\ufe6a
<p>﹪

</body>

</html>

读者可在浏览器上看到如下效果：

【JavaScript】浅析javaScript和HTML与unicode字符集的关系

在document文档中的“\ufe6a"和“﹪”都正常显示出来了，这里读者需要注意，前者是javaScript认得到的，所以会被javaScript转化，后者是HTML中的转义字符，因此会原封不动的发给HTML文档，由HTML来转换。上面的代码中有一个alert警告框，它都是支持unicode字符集的，如果在里面写上HTML的转义字符串的话，由于alert的内容不是发送到HTML文档对象中，因此转义字符串将不会被转化。

介绍了javaScript和html表现unicode的差别，如果需要某个符号的unicode代码或是html的转义字符串代码挨着挨着在字符映射表中或是字符集中查找太麻烦了，这时候可以使用在线Unicode编码转换。在使用在线Unicode编码转换的时候，ASCII字符转Unicode字符默认是HTML的转义字符串形式，这也说明HTML的转义字符串也是Unicode编码的一部分，这时候读者可以通过“中文转Unicode”来实现十六进制。

【JavaScript】浅析javaScript和HTML与unicode字符集的关系

参考文章

http://baike.baidu.com/link?url=kf0Em5vWVn7-WJMda7lfnqrsYR9B0b2ermZ3BMNr369WVAlCzi57oX3ZjxZPe3e-_BZBo4RnSgX7-M9aqmcD3yiJc2lGwTtpcubNJpORSMU8S2WxAbeGH1oaIlu-jT13

http://www.codeweblog.com/javascript%E4%B8%AD%E7%9A%84alert-%E5%87%BD%E6%95%B0%E4%BD%BF%E7%94%A8%E6%8A%80%E5%B7%A7%E8%AF%A6%E8%A7%A3/

http://www.runoob.com/charsets/ref-html-utf8.html

本文为博主原创作品，如需转载请注明出处

【JavaScript】浅析javaScript和HTML与unicode字符集的关系的更多相关文章

  1. 每个 JavaScript 开发者都该懂的 Unicode

    英文原文标题:what-every-javascript-developer-should-know-about-unicode (译者注:本文含有Unicode辅助平面的特殊字符,部分浏览器可能无法 ...

  2. 浅析 JavaScript 中的 函数 currying 柯里化

    原文:浅析 JavaScript 中的 函数 currying 柯里化 何为Curry化/柯里化? curry化来源与数学家 Haskell Curry的名字 (编程语言 Haskell也是以他的名字 ...

  3. 浅析 JavaScript 中的 函数 uncurrying 反柯里化

    柯里化 柯里化又称部分求值,其含义是给函数分步传递参数,每次传递参数后部分应用参数,并返回一个更具体的函数接受剩下的参数,这中间可嵌套多层这样的接受部分参数函数,直至返回最后结果. 因此柯里化的过程是 ...

  4. 浅析JavaScript正则表达式

    1.正则表达式的定义 正则表达式是一个描述字符模式的对象.JavaScript的RegExp类表示正则表达式,String和RegExp都定义了方法,后者使用正则表达式进行强大的模式匹配和文本检索与替 ...

  5. JavaScript编码转换之gb2312转unicode -- &amp&semi;&num;X形式

    http://www.cnblogs.com/meil/archive/2007/01/31/635936.html JavaScript编码转换之gb2312转unicode     1. < ...

  6. JavaScript基础——JavaScript语法基础&lpar;笔记&rpar;

    JavaScript语法基础(笔记) 1.语言编码 JavaScript语言建立在Unicode字符集基础之上,因此脚本中,用户可以使用双字节的字符命名常量.变量或函数等. [示例] var 我=&q ...

  7. Unicode字符集，utf8编码，base64编码简单了解

    Unicode字符集,utf8编码,base64编码简单了解 Unicode字符集,ASCII,GB2312编码集合等,类似于不同的字典,不同的字符的编码,类似于字典中的字在哪一个页哪一排. 当不同系 ...

  8. Unicode字符集下CString与char &ast;转换 （解决中文乱码等）（转）

    UniCode 下 CString 转 char* 的方法的文章有很多,但是大部分都是在互相转载,看了那么多资料,仍然没有解决乱码的问题,后来从一个论坛的一条回复里面找到了正确的方法,特此拿出来与大家 ...

  9. zzy&colon;java采用的是16位的Unicode字符集作为编码方式------理解

    java语言使用16位的Unicode字符集作为编码方式,是疯狂Java中的原话. 1,编码方式只是针对字符类型的(不包括字符串类,数值类型int等,这些只是在解释[执行]的时候放到Jvm的不同内存块 ...

随机推荐

  1. yii create url &lpar;二&rpar;

    在Yii中经常要生成URL,不管是为了自动跳转还是仅仅是一个链接.下面对Yii中的URL生成做了一个总结.提示:以下controllerX代表控制器X,actionX代表方法X.在Controller ...

  2. cocos2d ccitemimage

    #ifndef __HELLOWORLD_SCENE_H__ #define __HELLOWORLD_SCENE_H__ #include "cocos2d.h" class H ...

  3. Selenium Webdriver firefox 浏览器问题

    Selenium Webdriver 在使用firefox 测试会牵扯到firefox的安装路径的问题 1.默认安装路径在c盘的情况下: WebDriver driver = new FirefoxD ...

  4. javaCV开发详解之2：推流器实现，推本地摄像头视频到流媒体服务器以及摄像头录制视频功能实现&lpar;基于javaCV-FFMPEG、javaCV-openCV&rpar;

    javaCV系列文章: javacv开发详解之1:调用本机摄像头视频 javaCV开发详解之2:推流器实现,推本地摄像头视频到流媒体服务器以及摄像头录制视频功能实现(基于javaCV-FFMPEG.j ...

  5. FFmpeg之AVPacket

    花满楼原创 AVPacket,是压缩数据的结构体(解码前或编码后的结构体). 本文介绍FFmepg中常见结构AVPacekt,尽量用具体值来理解. 整个用于调试的代码可以这样写: #include & ...

  6. update from用法

    from:https://www.cnblogs.com/zerocc/archive/2011/11/01/2231841.html update 表名 SET  更新字段 FROM 更新表名(多个 ...

  7. selenium webdriver——JS滚动到最底部

    JS控制滚动条的位置: window.scrollTo(x,y); 竖向滚动条置顶 window.scrollTo(0,0); 竖向滚动条置底 window.scrollTo(0,document.b ...

  8. openoffice在连接时有错误，无法连接上

    openoffice在连接时有错误,无法连接上 报如下错误: java.net.ConnectException: connection failed: socket,host=localhost,p ...

  9. Windows 安装 mysql-5&period;7&period;12-winx64&lpar;CommunityServer&rpar; 备忘

    下载后文件名 mysql-5.7.12-winx64.msi 以为还是会和以往一样,一路next傻瓜式安装并完成设置,然后启动运行,但实际情况不是,感觉就是一解压过程,然后点击The MySQL Co ...

  10. EIGRP-4-调整接口度量参数来影响路径选择

    从EIGRP度量参数的讨论中可以看出.能够手动配置的EIGRP度量参数只有带宽和延迟. 通过使用bandwidth命令强迫EGIRP使用或不使用某条特定路径.看起来是一个很有吸引力的做法.不过这个问题 ...

相关文章