HTML特殊字符转义


title: HTML特殊字符转义

date: 2019-02-18 21:57:00

categories:

  • tech
  • language
  • HTML

tags: [tech,HTML,SpecialCharacters,Java,JavaScript]


问题

如果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:

author: ijiangtao.net


转载于:https://juejin.im/post/5c6abd1a51882561de4aa1d0

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值