JS 文件本身编码转换 图文教程


Posted in Javascript onOctober 12, 2009

在百度、谷歌上一搜,大家都是说通过JAVA后台处理来解决编码问题,试问,这样能解决JS文件本身的编码问题吗?

之所以提出JS文件本身编码问题,是因为JS文件的编码不同,造成了中文显示为乱码。

通常,在Eclipse中建立一个JS文件(含有中文),在Eclipse的编辑器中看到的中文都很正常,但是显示在网页上就是乱码,而我的页面全部都是采用UTF-8编码进行编码的,为此,我想到了,这可能是JS文件本身编码问题造成的。

JS 文件本身编码转换 图文教程
在Eclipse中,JS文件中的中文显示正常

JS 文件本身编码转换 图文教程
在网页中,中文却显示为乱码

我想到了这可能是由于JS文件本身编码问题所导致的,其实这是正确的。这里要用到一个小工具,叫NotePad2,翻译过来就是记事本第代,这个小工具很好用,绿色免安装,完全可以取代windows系统自带的记事本软件。它的下载地址是:http://download.csdn.net/source/1732849

用NotePad2打开JS文件,查看JS文件的编码,发现JS文件的编码是ANSI,ANSI编码采用0x80~0xFF范围内的2个字节来表示1个字符。例如,汉字“中”在中文操作系统中,使用[0xD6,0xD0]这两个字节来存储。但是,不同的国家和地区制定了不同的ANSI标准,使得不同ANSI编码之间互不兼容。大家都知道,在中国,浏览器的编码要么是GBK或GB2312编码,要么是UTF8编码,当以ANSI编码的中文发送到网页上时,自然就显示为乱码了,所以这是问题的根本。

JS 文件本身编码转换 图文教程

借助NotePad2软件,将JS文件的编码转换成UTF-8编码,因为UTF-8编码是计算机通用编码,能支持几乎所有国家或地区的语言文字,而且浏览器本身就支持UTF-8编码。

JS 文件本身编码转换 图文教程

OK,再来看看在浏览器上的效果。显而易见,中文显示正常,乱码问题解决。并非像网上所说的“使用JS中的encodeURIComponent或encodeURI方法”,既复杂又难懂,还要经过复杂的编程,实在是不可取。

JS 文件本身编码转换 图文教程

经我的测试,无论是使用新建文本文档然后将扩展名改成.js,还是用其他软件或工具创建的JS文件,用NotePad2软件打开查看编码,发现 JS文件的编码都是ANSI,因此我猜测,难道JS文件的默认编码是ANSI编码?当然这个我并没有去考证,在网上也没有相关的资料可以证明JS文件的默认编码是ANSI编码,仅个人猜测而已。

但是,至少,如果JS文件中的中文在网页上显示为乱码,不妨采用本文章中的方法来试一试,或许能解决使你很头疼的问题。

Javascript 相关文章推荐
从JavaScript的函数重名看其初始化方式
Mar 08 Javascript
js对列表中第一个值处理与jsp页面对列表中第一个值处理的区别详解
Nov 05 Javascript
jQuery插件制作之参数用法实例分析
Jun 01 Javascript
Bootstrap每天必学之表单
Nov 23 Javascript
jquery移除了live()、die(),新版事件绑定on()、off()的方法
Oct 26 Javascript
js实现tab切换效果
Feb 16 Javascript
轻松理解JavaScript闭包
Mar 14 Javascript
详解Angular2中Input和Output用法及示例
May 21 Javascript
angular6 利用 ngContentOutlet 实现组件位置交换(重排)
Nov 02 Javascript
JavaScript进制转换实现方法解析
Jan 18 Javascript
小程序实现列表展开收起效果
Jul 29 Javascript
JavaScript的function函数详细介绍
Nov 20 Javascript
jQuery 行级解析读取XML文件(附源码)
Oct 12 #Javascript
jquery select选中的一个小问题
Oct 11 #Javascript
Jquery 表单取值赋值的一些基本操作
Oct 11 #Javascript
jquery 框架使用教程 AJAX篇
Oct 11 #Javascript
jQuery live( type, fn ) 委派事件实现
Oct 11 #Javascript
修改jQuery.Autocomplete插件 支持中文输入法 避免TAB、ENTER键失效、导致表单提交
Oct 11 #Javascript
JS模拟的QQ面板上的多级可展开的菜单
Oct 10 #Javascript
You might like
超级好用的一个php上传图片类(随机名,缩略图,加水印)
2010/06/30 PHP
PHP生成sitemap.xml地图函数
2013/11/13 PHP
php按百分比生成缩略图的代码分享
2014/05/10 PHP
php简单计算页面加载时间的方法
2015/06/19 PHP
php自定义函数实现汉字转换utf8编码的方法
2016/09/29 PHP
PHP符合PSR编程规范的实例分享
2016/12/21 PHP
优秀js开源框架-jQuery使用手册(1)
2007/03/10 Javascript
一个基于jquery的图片切换效果
2010/07/06 Javascript
为radio类型的INPUT添加客户端脚本(附加实现JS来禁用onClick事件思路代码)
2010/11/11 Javascript
jquery写个checkbox——类似邮箱全选功能
2013/03/19 Javascript
JavaScript中奇葩的假值示例应用
2014/03/11 Javascript
原生js轮播特效
2017/05/18 Javascript
jQuery扇形定时器插件pietimer使用方法详解
2017/07/18 jQuery
删除table表格行的实例讲解
2017/09/21 Javascript
angularjs实现猜大小功能
2017/10/23 Javascript
解决vue-router中的query动态传参问题
2018/03/20 Javascript
解决vue项目使用font-awesome,build后路径的问题
2018/09/01 Javascript
如何让Nodejs支持H5 History模式(connect-history-api-fallback源码分析)
2019/05/30 NodeJs
浅谈Vue3.0新版API之composition-api入坑指南
2020/04/30 Javascript
vue2.0 解决抽取公用js的问题
2020/07/31 Javascript
js数组中去除重复值的几种方法
2020/08/03 Javascript
[33:09]完美世界DOTA2联赛循环赛 Forest vs DM BO2第二场 10.29
2020/10/29 DOTA
python插入排序算法的实现代码
2013/11/21 Python
Python中DJANGO简单测试实例
2015/05/11 Python
浅谈Python中的闭包
2015/07/08 Python
python判断计算机是否有网络连接的实例
2018/12/15 Python
Python matplotlib学习笔记之坐标轴范围
2019/06/28 Python
tensorflow之tf.record实现存浮点数数组
2020/02/17 Python
Python数据可视化图实现过程详解
2020/06/12 Python
学生实习自我鉴定
2013/10/11 职场文书
简短大学毕业感言
2014/01/18 职场文书
物业保安辞职信
2015/05/12 职场文书
干货!开幕词的写作方法
2019/04/02 职场文书
祝福语集锦:给妹妹结婚的祝福语
2019/12/18 职场文书
python缺失值的解决方法总结
2021/06/09 Python
Python加密技术之RSA加密解密的实现
2022/04/08 Python