zoukankan      html  css  js  c++  java
  • JS 转换HTML实体字符

    .

    .

    .

    .

    .

    在HTML中,为了使用某些预留字符(如<、>等等)或者中文乱码等问题,可以使用HTML字符实体编码或实体名来解决。

    实体名称就是类似&lt;、&gt;这样的东西,虽然大部分主流浏览器都可以支持实体名,但是也不排除新老浏览器存在不兼容的问题,所以使用实体编码是一种比较靠谱的方案,无论浏览器的编码是什么,使用实体编码的文字都不会出现乱码。

    那么字符与实体编码之间是怎样转换的呢?

    且看代码:

     1 <html>
     2 <head>
     3 <title>字符转HTML实体编码</title>
     4 <script>
     5 function $(id) {return document.getElementById(id);}
     6 function htmlEncode(input)
     7 {
     8 var code = input.charCodeAt(); // 获得实体编码
     9 var div = $("divCode");
    10 /*
    11  * 实体编码的格式是:&#数字;
    12  * &#38; 是 &
    13  * &#35; 是 #
    14  * code 用户输入的字的实体编码
    15  * &#59; 是 ;
    16  *
    17  * 如果直接写成 "&#" + code + ";"; 的形式会被浏览器直接解析为对应的字符,从而失去了编码的作用。
    18  */
    19 div.innerHTML = "&#38;" + "&#35;" + code + "&#59;"; //String.fromCharCode(code); 解码
    20 }
    21 </script>
    22 </head>
    23 <body>
    24 <input type="text" onchange="htmlEncode(this.value)"/>
    25 <div id="divCode"></div>
    26 </body>
    27 </html>

    使用 String.fromCharCode(code); 便可以将实体编码转换回字符。

    其余的内容在代码注释中已经写得比较详细了,如果有什么疑问可以留言,共同研讨。

    原创文章,允许转载,请注明出处:http://www.cnblogs.com/chuyuhuashi/ 谢谢。

  • 相关阅读:
    关于SuperSocket启动失败
    ffmpeg 常用命令
    Url中有中文参数需要编码解码
    单例模式
    c# 文件夹重命名
    一个既有winform又有webapi 的例子
    数据库查询字段的结构和长度
    Jquery 展开收起
    ajax即时修改
    EFCore 迁移
  • 原文地址:https://www.cnblogs.com/0xcafebabe/p/2708788.html
Copyright © 2011-2022 走看看