javascrpt插入html中中文字符乱码问题记录

简介:

问题就是我使用js做这么个事情:

复制代码
var description = [
    '你好',
    '你好',
    '你好',
    '你好'
];

var link = '';
var logLink = '';
for (var i = 0; i < urls.length; i++) {
    link = link + "<li><a href=\""+ urls[i]
    + "\" target=\"_blank\"><img src=\""+ imgs[i] 
    + "\" width=\"128\" height=\"150\"><div class=\"vtit\">"
    + description[i] +"</div></a></li>";

    logLink = logLink + "<div style=\"display:none\"><img id=\"log_stat_"+ i +"\" src=\"\" /></div>";
};
复制代码

但是呢,这个js可能放入到utf8的页面,也可能放入到GB2312的页面,那么这个时候问题就出来了

我这个js是utf8编码的,description是中文的UTF8,如果页面是GB2312编码的话,这里的中文显示就会是乱码了。

 

怎么办?

解决方法就是这里使用Unicode编码,Unicode编码所有页面都能识别的。

所以descriptions就改成:

复制代码
var description = [
    '\u5348\u591c\u6fc0\u60c5',
    '\u5e8a\u4e0a\u5173\u7cfb\u0032',
    '\u79c1\u4eba\u8ba2\u5236',
    '\u4f4e\u4fd7\u559c\u5267'
];
复制代码

问题记录完毕

目录
相关文章
HTML输出特殊字符详细方法
以下是部分特殊字符代码表,它们的完整应用代码格式为:`&#××××;`用下面的四位数字替换×,将得到对应的符号。(注意:应用这些代码,编辑器应该切换到HTML模式)
HTML 字符实体1
HTML 字符实体用于替代预留字符和键盘上无法输入的字符。例如,小于号 (&lt;) 和大于号 (&gt;) 必须用 `&lt;` 和 `&gt;` 替换,以避免被浏览器误认为标签。常用的字符实体还包括不间断空格 (`&nbsp;`),用于在页面中增加空格数量。
HTML 字符实体2
发音符号是加在字母上的字形,用于表示不同的发音。常见的变音符号有尖音符( ̀)、抑音符( ́)等,它们可以出现在字母的上方、下方或内部,甚至两个字母之间。这些符号可以与字母或数字字符组合使用,以改变其发音。例如:a&#768; 表示 à,O&#769; 表示 Ó。
HTML 字符实体3
HTML字符实体用于在网页中显示特殊字符。常见的字符实体包括空格(&nbsp;)、小于号(&lt;)、大于号(&gt;)、和号(&amp;)等。注意,实体名称对大小写敏感。例如,版权符号可以表示为 &copy; 或 &#169;。
|
5月前
|
自然语言处理 开发者
HTML 字符实体的妙用
HTML字符实体在网页设计与开发中有诸多妙用:首先,它们能避免解析冲突,确保特殊字符如`&lt;`、`&gt;`和`&`不会被误认为标签;其次,可用于显示不可见字符,如不间断空格`&nbsp;`,优化文本格式。此外,借助字符实体还可轻松插入多语言符号,如`&yen;`表示的日元符号¥,提升网页国际化水平。在代码中使用字符实体亦能增强可读性,尤其当涉及大量特殊字符时,便于他人理解。最后,在旧版浏览器或特定编码环境下,字符实体确保了文本的一致显示,提高了兼容性。
用html+javascript打造公文一键排版系统14:为半角和全角字符相互转换功能增加英文字母、阿拉伯数字、标点符号、空格选项
用html+javascript打造公文一键排版系统14:为半角和全角字符相互转换功能增加英文字母、阿拉伯数字、标点符号、空格选项
|
5月前
|
存储 文字识别 前端开发
用html+javascript打造公文一键排版系统13:增加半角字符和全角字符的相互转换功能
用html+javascript打造公文一键排版系统13:增加半角字符和全角字符的相互转换功能
|
8月前
|
开发者
HTML 实体字符简介
HTML 实体字符简介
102 2
|
9月前
|
前端开发 JavaScript 安全
【网络安全/前端XSS防护】一文带你了解HTML的特殊字符转义及编码
【网络安全/前端XSS防护】一文带你了解HTML的特殊字符转义及编码
506 0
|
9月前
|
前端开发 开发者
在HTML中,可以使用字符实体`&copy;`来显示版权符号
【4月更文挑战第30天】在HTML中,可以使用字符实体`&copy;`来显示版权符号
1441 2