Jquery中文网 www.jquerycn.cn
Jquery中文网 >  脚本编程  >  javascript  >  正文 html特殊字符处理方法

html特殊字符处理方法

发布时间:2015-08-19   编辑:www.jquerycn.cn
本文介绍了html特殊字符的处理方法,一些不常见的特殊符号的设置方法,有需要的朋友参考下。

需求描述:
需要翻译语言为葡萄牙语,葡萄牙语里面有一些特殊的字符,如àáé等带音调的字符。
在HTML页面里面显示不正确。

解决步骤1:
设定字符集,葡萄牙语对应的字符集为ISO-8859-1,所以在页面中指定字符
 

复制代码 代码示例:
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

解决步骤2:HTML部分使用实体名(HTML name)。比如 à 使用 &agrave;代替。
例如:
 

复制代码 代码示例:

<html>
 <head>
  <title>html特殊字符处理方法--www.jquerycn.cn</title>
  <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
 </head>

 <body>
 Configura&ccedil;&otilde;es IKE Avan&ccedil;adas
 </body>
</html>
 

显示结果:
Configura??es IKE Avan?adas

解决步骤三
当使用text文本框时,是通过Javascript复制的,此时若使用实体名(HTML name)那么其将会导致其将实体名作为字符串输出来。
例如:
 

复制代码 代码示例:
<html>
 <head>
  <title>html特殊字符处理方法--www.jquerycn.cn</title>
  <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
 </head>
<script type="text/javascript">
<!--
    function formLoad()
    {
        document.getElementById('test').value = "Configura&ccedil;&otilde;es IKE Avan&ccedil;adas";
    }
//-->
</script>
 <body onLoad="formLoad()">
 Configura&ccedil;&otilde;es IKE Avan&ccedil;adas
<br>
<input type="text" id='test' size=50>
 </body>
</html>

显示结果:
Configura??es IKE Avan?adas
Configura&ccedil;&otilde;es IKE Avan&ccedil;adas

若做修改,将实体名(HTML name)替换为ASCII HEX值,那么如下:
将&ccedil;替换为\u00e7
将&otilde;替换为\u00f5

例子:
 

复制代码 代码示例:
<html>
 <head>
  <title>html特殊字符处理方法</title>
  <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
 </head>
<script type="text/javascript">
<!--
    function formLoad()
    {
        document.getElementById('test').value = "Configura\u00e7\u00f5es IKE Avan\u00c7adas";
    }
//-->
</script>
 <body onLoad="formLoad()">
 Configura&ccedil;&otilde;es IKE Avan&ccedil;adas
<br>
<input type="text" id='test' size=50>
 </body>
</html>

显示结果:
Configura??es IKE Avan?adas
Configura??es IKE Avan?adas
可以正常显示了。

关于字符与实体名以及ASCII HEX的对照,请参考 http://www.ascii.cl/htmlcodes.htm
Standard ASCII set, HTML Entity names, ISO 10646, ISO 8879, ISO 8859-1 Latin alphabet No. 1
Browser support: All browsers

您可能感兴趣的文章:
JQuery对id中含有特殊字符的转义处理示例
JS处理特殊字符过滤函数
js特殊字符验证代码
js 过滤特殊字符的简单例子
jQuery jqgrid 对含特殊字符json 数据的 Java 处理方法
html特殊字符处理方法
js正则表达式特殊字符过滤代码
js过滤json特殊字符
js过滤特殊字符的正则表达式
js特殊字符转义类型

关键词: html字符  特殊字符   
[关闭]