HTML特殊字符转义

简介: HTML特殊字符转义

问题

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

例如:

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

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

解决方案

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

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

字符 十进制 转义字符
" &#34; &quot;
& &#38; &amp;
< &#60; &lt;
| &#62;| &gt;|
不断开空格(non-breaking space)| &#160;| &nbsp;|

实现

通过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:


目录
相关文章
|
2月前
|
前端开发 JavaScript 安全
【网络安全/前端XSS防护】一文带你了解HTML的特殊字符转义及编码
【网络安全/前端XSS防护】一文带你了解HTML的特殊字符转义及编码
70 0
|
3月前
|
JavaScript
如何让html标签不转义
如何让html标签不转义
|
3月前
|
JavaScript Python
21 Django模板 - HTML转义
21 Django模板 - HTML转义
18 0
|
6月前
|
前端开发 JavaScript Java
HTML的笔记和案列以及常用特殊字符
HTML的笔记和案列以及常用特殊字符
53 0
|
6月前
HTML中的特殊字符
HTML中的特殊字符
31 0
|
6月前
|
PHP
PHP - Laravel 未转义输出,输出 HTML 标签到页面展示({!! $变量 !!})
PHP - Laravel 未转义输出,输出 HTML 标签到页面展示({!! $变量 !!})
87 0
|
JSON 数据格式
从富文本编辑器获取html内容组装json,特殊字符引起报错解决办法。
从富文本编辑器获取html内容组装json,特殊字符引起报错解决办法。
338 0
|
开发者
HTML标签 -特殊字符|学习笔记
快速学习HTML标签 -特殊字符
HTML标签 -特殊字符|学习笔记
在div标签中显示特殊字符(包括html标签)
在div标签中显示特殊字符(包括html标签)

相关产品

  • 云迁移中心