JS魔法堂:再识ASCII实体、符号实体和字符实体
一、前言
相信大家都熟悉通过字符实体 来实现多个连续空格的输入吧!本文打算对三类HTML实体及JS相关操作作进一步的整理和小结,若有纰漏请大家指正,谢谢。
二、初识HTML实体
由于HTML中某些字符是预留的(如>和<等),若要在进行HTML解析出来后能正确显示预留字符,则需要使用字符实体来代替了。
字符实体有三种表示方式:
// Named character reference(实体名)
// 示例:
&entity_name;
// Decimal numeric character reference(十进制实体编号)
// 示例:å
&#entity_number;
// Hexademical numeric character reference(十六进制实体编号)
// 示例:水
ntity_number;
实体名好处是便于记忆,但不一定所有浏览器能识别所有实体名。
而所有浏览器均能识别所有的实体编号。
注意:实体名是大小写敏感的哦!
三、3种实体类型
实体分为ASCII实体、字符实体和符号实体。具体请参考HTML ISO-8859-1 参考手册 或 XHTML Character Entity Reference。
对于每个实体的使用请参考@张鑫旭的《web页面相关的一些常见可用字符介绍》,这里就借用一下关于空格符部分的内容。
,不是space键产生的空格。宽度受到字体的影响。代表non-breaking space(不间断空白),严格语义上是使用场景不希望自动换行时使用,但浏览器会合并多个半角空格(u0020,由space键产生的空格),因此我们习惯用 (unicode为u00A0)来描述多个空格。
 
,1/2个中文字符宽度,且宽度不受字体的影响。
 
,1个中文字符宽度,且宽度不受字体的影响。
 
,1/15个em宽度的space,在标准的情况下差不多1px,有时候指1/16em,参考http://en.wikipedia.org/wiki/Thin_space。
题外话:全角空格的unicode为u3000。
四、通过outerHTML,innerHTML,innerText,textContent和value操作实体
首先我们需要将3种实体类型分成两类,ASCII实体为一类,字符实体和符号实体为一类。
对于ASCII实体
1. 非表单元素的outerHTML和innerHTML只能获取实体名或实体编号;
2. IE/Chrome下非表单元素的innerText可获取对应的字符;
3. IE9+/FF/Chrome的非表单元素的textContent可获取对应的字符;
4. textarea的value可获取对应的字符。
对于字符实体和符号实体
只能获取对应的字符,无法直接获取实体名和实体编号。
五、总结
若有纰漏请大家指正,谢谢。
- web.xml中load-on-startup的作用
- Java并发编程的艺术(七)——Executors
- Java并发编程的艺术(八)——闭锁、同步屏障、信号量详解
- PowerDesigner使用教程|使用方法
- Java并发编程的艺术(一)——并发编程需要注意的问题
- 梯度下降法快速教程 | 第三章:学习率衰减因子(decay)的原理与Python实现
- Java并发编程的艺术(三)——volatile
- java学习手册-java 新手入门必看的30个题
- Java并发编程的艺术(五)——中断
- 简易的深度学习框架Keras代码解析与应用
- Java并发编程的艺术(六)——线程间的通信
- 轻量级线程池的实现
- python根据BM25实现文本检索
- 稳扎稳打JavaScript(一)——作用域链内存模型
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法