问题

如果HTML的DOM元素的属性值中含有特殊字符，会造成属性值取值错误。

例如：

<input type="button" value=" "name":"Tom" " id="test"/>

上面input的value属性值含有双引号,会造成最后解析到的value是空格。

解决方案

解决的办法就是对数据进行转义，转义成HTML特殊符号的转义字符。

常用的HTML特殊字符转义对照表：

字符	十进制	转义字符
"	`"`	`"`
&	`&`	`&`
<	`<`	`<`
>	`>`	`>`
不断开空格(non-breaking space)		` `

实现

通过Java转义：

org.apache.commons.lang3.StringEscapeUtils.escapeHtml4(com.alibaba.dubbo.common.json.Json.json(obj));

通过Js转义：

<span style="font-size:18px;"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>  <TITLE>test</TITLE>
</HEAD>  <body>  <input type="button" value="" id="test"/>   <SCRIPT LANGUAGE="JavaScript">  function htmlEscape(text){ return text.replace(/[<>"&]/g, function(match, pos, originalText){switch(match){case "<": return "&lt;"; case ">":return "&gt;";case "&":return "&amp;"; case "\"":return "&quot;"; } }); }var h=document.getElementsByTagName("input")[0];h.value=htmlEscape("[{\"name\":\"A Girl\'s Guide\"}]");</SCRIPT>  </body>
</HTML>

这样，就可以在HTML的标签中合法地使用特殊字符了。

当然，对于其他要求严格的格式（如XML,JSON,URL等），遇到特殊字符，也是通过转义实现的，小伙伴们可以自己尝试一下。

links:

ijiangtaonet
https://www.jianshu.com/p/fe23e6f31b54
https://zhuanlan.zhihu.com/p/57064852
https://juejin.im/post/5c6abd1a51882561de4aa1d0

author: ijiangtao.net

转载于:https://my.oschina.net/ijiangtao/blog/3011650

HTML特殊字符转义相关推荐

php 正则特殊字符转义,php 正则特殊字符转义的方法
php正则特殊字符转义的方法:首先创建PHP示例文件:然后定义字符串:最后通过反斜杠对特殊字符进行转义,并对变量进行解析即可. 推荐:<PHP视频教程> 问题最近使用PHP正则表达式,书 ...
http url特殊字符转义
哪些字符需要编码 1.URL特殊字符转义,URL中一些字符的特殊含义,基本编码规则如下: 1.空格换成加号(+) 2.正斜杠(/)分隔目录和子目录 3.问号(?)分隔URL和查询 4.百分号(%)制定 ...
java特殊字符转义html_HTML特殊字符转义
问题如果HTML的DOM元素的属性值中含有特殊字符,会造成属性值取值错误. 例如: 上面input的value属性值含有双引号,会造成最后解析到的value是空格. 解决方案解决的办法就是对数据进 ...
html特殊字符如何转义,Html特殊字符转义处理
#region 将Html特殊字符转义处理 /// /// 将Html特殊字符转义处理 /// /// 需要专业的内容 /// public static string HtmlCode(string ...
spring特殊字符转义和方法入参检测工具类
由于 Web 应用程序需要联合使用到多种语言,每种语言都包含一些特殊的字符,对于动态语言或标签式的语言而言,如果需要动态构造语言的内容时,一个我们经常会碰到的问题就是特殊字符转义的问题.下面是 Web ...
php 对特殊字符转义_php特殊字符转义函数
本文介绍了php中特殊字符转义的相关函数的用法,掌握下php处理特殊字符的方法,有需要的朋友参考下. mysql和php自带很多函数可以处理字符问题,下面给出几个会经常用到的. ps:由于php6开始 ...
Java 文件下载 csv文件导出特殊字符转义
需求描述将从数据库查出的数据以生成csv文件的方式下载下来(导出). 实现方案最开始的方法是: 将从数据库中查出的数据拼成符合csv文件格式的字符串,然后将字符串转为输入流,最后返回InputSt ...
网址URL中特殊字符转义编码
网址URL中特殊字符转义编码字符 - URL编码值空格 - %20 " - %22 # - %23 % ...
html url 空格转义字符,url特殊字符转义小知识
摘要腾兴网为您分享:url特殊字符转义小知识,余额宝,学习帮,小牛,完美志愿等软件知识,以及joinme,hackertyperneo,疯子苹果,mse杀毒软件,心动表情包,巫师3优化补丁,酷娃,米 ...
php 转译特殊的字符串,php转义字符_php特殊字符转义详解
摘要腾兴网为您分享:php特殊字符转义详解,掌上公交,一起发,夜读小说,学宝等软件知识,以及电烤箱食谱,快速,掌阅,仙剑奇侠传4音乐,盟军敢死队,无双大蛇3游侠,我吻过你的脸,搜客宝,小米系统一键锁 ...

HTML特殊字符转义

问题

解决方案

实现

HTML特殊字符转义相关推荐

最新文章

热门文章

字符	十进制	转义字符
"	`"`	`"`
&	`&`	`&`
<	`<`	`<`
>	`>`	`>`
不断开空格(non-breaking space)		` `

字符	十进制	转义字符
"	`"`	`"`
&	`&`	`&`
<	`<`	`<`
>	`>`	`>`
不断开空格(non-breaking space)		` `

字符	十进制	转义字符
"	`"`	`"`
&	`&`	`&`
<	`<`	`<`
>	`>`	`>`
不断开空格(non-breaking space)		` `