JS实现HTML实体与字符的相互转换

简介: JS实现HTML实体与字符的相互转换

超级有用。

function stringToEntity(str,radix){
  let arr=str.split('')
  radix=radix||0
  let tmp=arr.map(item=>
`&#${(radix?'x'+item.charCodeAt(0).toString(16):item.charCodeAt(0))};`).join('')
  console.log(`'${str}' 转实体为 '${tmp}'`)
  return tmp
}
function entityToString(entity){
  let entities=entity.split(';')
  entities.pop()
  let tmp=entities.map(item=>String.fromCharCode(
  item[2]==='x'?parseInt(item.slice(3),16):parseInt(item.slice(2)))).join('')
  console.log(`'${entity}' 转字符串为 '${tmp}'`)
  return tmp
}
相关文章
|
2天前
|
JavaScript 前端开发
JavaScript HTML DOM
JavaScript HTML DOM
10 2
JavaScript HTML DOM
|
1天前
|
JavaScript 前端开发
JavaScript HTML DOM 事件
JavaScript HTML DOM 事件
12 5
|
1天前
|
JavaScript 前端开发
JavaScript HTML DOM - 改变CSS
JavaScript HTML DOM - 改变CSS
11 4
|
4天前
|
自然语言处理 开发者
HTML 字符实体的妙用
HTML字符实体在网页设计与开发中有诸多妙用:首先,它们能避免解析冲突,确保特殊字符如`<`、`>`和`&`不会被误认为标签;其次,可用于显示不可见字符,如不间断空格` `,优化文本格式。此外,借助字符实体还可轻松插入多语言符号,如`¥`表示的日元符号¥,提升网页国际化水平。在代码中使用字符实体亦能增强可读性,尤其当涉及大量特殊字符时,便于他人理解。最后,在旧版浏览器或特定编码环境下,字符实体确保了文本的一致显示,提高了兼容性。
|
1天前
|
JavaScript 前端开发
JavaScript HTML DOM EventListener
JavaScript HTML DOM EventListener
9 2
|
18天前
|
Web App开发 前端开发 JavaScript
HTML/CSS/JS学习笔记 Day3(HTML--网页标签 下)
HTML/CSS/JS学习笔记 Day3(HTML--网页标签 下)
|
16天前
|
缓存 JavaScript 前端开发
js和html代码一定要分离吗
JavaScript(JS)和HTML代码的分离虽非绝对必要,但通常被推荐
|
16天前
|
JavaScript 前端开发 UED
让 HTML 向 Vue.js 华丽转身:如何把 `wangEditor` 仿腾讯文档项目整合进 Vue.js
让 HTML 向 Vue.js 华丽转身:如何把 `wangEditor` 仿腾讯文档项目整合进 Vue.js
|
1月前
|
JavaScript 算法 前端开发
学习 node.js 六 Markdown 转为 html,zlib
【8月更文挑战第19天】
13 0
|
1月前
|
JavaScript 前端开发
JavaScript 改变 HTML 元素
JavaScript 改变 HTML 元素
40 0