首先什么是 html 实体可参见:HTML Entities
,所有的命名实体列举可见:html4
,至今没啥变化,除了命名实体也可以使用数字实体,详见 html 实体编码问题
。
对于显示可以使用 html 实体,但是对于需要知道具体页面上实体的字符值,则有两个方法:
innerHTML
:
将实体比如 © 设置为一个元素的html,再使用元素的该属性可获得实体真正的字符值,但是对于和 html 语法冲突的字符比如: (\u00a0) <(\u003c) >(\u003e) &(\u0026)则仍然保持原样
innerText
& textContent
将实体比如 < 设置为一个元素的html,再使用元素的上述属性可获得实体真正的字符值,这时就可用 alert 或进一步记录到数据存储媒介。
demo :
html entity's character value
PS: 反向获得字符的实体值
对于和html语法相冲突的字符(< , > , &),如果想要实际显示则需要取得该字符的实体值(即转义 escape html 字符),有三种方法:
1. 本章前述方法的反过程
node.textContent&&node.textContent=str;
node.innerText&&node.innerText=str;
alert(node.innerHTML);
2. 创建文本节点
和方法1实际上是同一种,强制把 html 特殊字符当做普通文本,再用 innerHtml 读出来
var str="<a>x</a>";
var div = doc.createElement('div'),
text = doc.createTextNode(str);
div.appendChild(text);
alert(div.innerHTML);
3. 正则式
因为和 html 语法冲突的实际上就是 & , < ,> 那么我们只要正则一下就可以了,速度还最快
var value="<a>x</a>"
alert(String(value).replace(/&/g, "&").replace(/>/g, ">").replace(/</g, "<").replace(/"/g, """))
Refer
http://bytes.com/topic/javascript/answers/170794-trim-nbsp
http://www.ascii.cl/htmlcodes.htm
http://cn.18dao.net/Asc
分享到:
相关推荐
一个php实现HTML实体编号与非ASCII字符串相互转换类,HTML实体符号被用作实现保留字符(reserved characters)或者表达键盘无法输入的一些常用字符。在大多数浏览器中默认的字符集为ISO-8859-1。HTML实体符号我们在...
在HtmlRegexpUtil类中,我们定义了一个方法replaceTag,其用于将输入字符串中的特殊字符替换为HTML实体字符,以便在网页中正常显示。该方法使用switch语句来判断输入字符串中的每个字符,并将其替换为对应的HTML实体...
7. HTML实体:HTML实体是一种特殊的字符,用于在HTML文档中表示特殊字符,例如 表示换行符、 表示空格符等。 8. HTML标签:HTML标签是HTML文档的基本组成部分,用来定义文档的结构和格式。常用的HTML标签...
25.php 格式化HTML实体 26.php HTML标签的清理 解析URL字符串.php 解析URL字符串 解析查询字符...
HTML+CSS课程要点: 一、HTML基础知识: 1.HTML标签属性 属性:在标记中使用 [属性=属性值] border=1px;...4.HTML字符实体 三部分: 1)以&开头 2)一个实体名或是使用#号和一个体编号 3)以分号;结束
html-entities 最快HTML实体库。 附带TypeScript和Flow类型。安装$ npm install html-entities用法编码(文本,选项) 编码文本,以替换HTML特殊字符( <>&"' )以及其他字符范围,具体取决于mode选项的值。 ...
调用 HTML Entity Lookup 关键字el并键入与您要查找的实体相似的字符 或者您可以输入实体名称 选择想要的结果 在值列表中,选择您需要的值,然后按 Enter 将其粘贴到当前打开的应用程序中,或按 Cmd+Enter 将其...
* 使用实体符号来表示特殊字符 HTML文档的组成部分包括: * head部分:用于存放元数据和样式信息 * body部分:用于存放网页的内容 * 元素:用于定义网页的结构和样式 在HTML网页设计基础中,我们还需要了解如何...
设置解析器参数 为了更加精确的控制解析的动作,...http://cyberneko.org/html/features/scanner/notify-builtin-refs False 当遇到HTML内建的字符实体引用(如&copy;)是否将(copy)报告给相应地文档处理器。 ...
* 实体字符控制标记:, , , , , , * 语意字符控制:, , , , , , * 字体控制:”字体大小” color=”颜色” face=”字体”>, 已废弃的标签 * 格式化:内容, 让书写的文字格式化 * 引用文本:内容, 属性名称:cite, ...
* 字符实体 * 各种表单标记 * CSS语言简介 * 样式表定义语法 * CSS选择符 * 样式引用的基本方式 * 样式的优先级 * html与xhtml的主要区别等。 HTML语言是网页设计的基础语言,理解HTML语言的基本结构和常用元素是...
实体也可以称为转义字符 实体的语法 &实体名; 常用的实体 空格 < < > > 版权符号 © 图片标签 使用图片标签可以向页面中引入一个外部图片 属性 src 指向一个...
ASCII 是 7 比特字符集,包含了 128 个不同的字符值。 ASCII 支持 0-9 的数字,A-Z大写和小写英文字母,以及一些特殊字符。 被广泛使用于现代计算机、HTML和因特网上的字符集都是基于 ASCII 。 以下表格列举了128个 ...
解析后,它还对 html 实体进行解码。 安装 npm i -S parse-html-text-content 用法 const parseTextContent = require ( 'parse-html-text-content' ) ; const htmlText = '<p>hello world</p>' ; console . log ...
3.2.2 字符实体引用 3.3 使用注释 3.4 关于空白和空白字符 3.4.1 关于断行符 3.4.2 空白字符 3.5 基本html数据型式 3.5.1 cdata数据类型 3.5.2 id和name使用的数据类型 3.5.3 idref和idrefs使用的数据类型 3.5.4 ...
3. HTML 字符实体的作用及其常用字符实体:HTML 字符实体用于表示特殊字符,如 为空格、< 为小于号等。 4. HTML 表单的作用和常用表单项类型:HTML 表单用于收集用户输入信息,常用表单项类型包括文本框、...
网页设计与制作笔记 本资源摘要信息对应的知识点主要集中在 HTML 基础知识和网页设计与制作的相关技术。...9. 字符实体:用于在 HTML 代码中表示特殊字符,常用的字符实体包括 、<、>、&、" 等。
带字符HTML实体。 Joi.string()。sanitize(函数) 使用将字符串作为参数的函数对字符串进行清理。 返回清理字符串 Joi.string()。alpha() 要求字符串值仅包含字母字符。 Joi.string()。numeric() ...
2.8使用命名实体来替代HTML标签 2.9搜索特殊字符 第3章日期、时间和定时器 3.0简介 3.1打印出今天的日期 3.2打印出UTC日期和时间 3.3打印出一个ISO 8601格式日期 3.4把一个ISO 8601格式的日期转换为...