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 事件系统
Jul 22 Javascript
js跑马灯代码(自写)
Apr 17 Javascript
JavaScript检测浏览器cookie是否已经启动的方法
Feb 27 Javascript
JavaScript中操作字符串之localeCompare()方法的使用
Jun 06 Javascript
Jqgrid之强大的表格插件应用
Dec 02 Javascript
Backbone.js框架中Model与Collection的使用实例
May 07 Javascript
详解vue之页面缓存问题(基于2.0)
Jan 10 Javascript
微信小程序 网络请求(post请求,get请求)
Jan 17 Javascript
JavaScript数组复制详解
Feb 02 Javascript
vue-cli 目录结构详细讲解总结
Jan 15 Javascript
vue-cli3+typescript新建一个项目的思路分析
Aug 06 Javascript
快速解决layui弹窗按enter键不停弹窗的问题
Sep 18 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使用pack处理二进制文件的方法
2014/07/03 PHP
PHP return语句另类用法不止是在函数中
2014/09/17 PHP
弹出模态框modal的实现方法及实例
2017/09/19 PHP
Javascript base64编码实现代码
2011/12/02 Javascript
vue elementUI table 自定义表头和行合并的实例代码
2019/05/22 Javascript
nodejs实现UDP组播示例方法
2019/11/04 NodeJs
Node Mongoose用法详解【Mongoose使用、Schema、对象、model文档等】
2020/05/13 Javascript
微信小程序实现列表的横向滑动方式
2020/07/15 Javascript
vue3使用vue-count-to组件的实现
2020/12/25 Vue.js
[36:29]2018DOTA2亚洲邀请赛 4.1 小组赛 A组加赛 LGD vs TNC
2018/04/02 DOTA
python二分查找算法的递归实现方法
2016/05/12 Python
对比Python中__getattr__和 __getattribute__获取属性的用法
2016/06/21 Python
Python文件操作之合并文本文件内容示例代码
2017/09/19 Python
python基础教程项目五之虚拟茶话会
2018/04/02 Python
解决PyCharm的Python.exe已经停止工作的问题
2018/11/29 Python
Python3爬虫学习入门教程
2018/12/11 Python
Python实现将通信达.day文件读取为DataFrame
2018/12/22 Python
Python实现字符串中某个字母的替代功能
2019/10/21 Python
keras之权重初始化方式
2020/05/21 Python
Python函数调用追踪实现代码
2020/11/27 Python
CSS3色彩模式有哪些?CSS3 HSL色彩模式的定义
2016/04/26 HTML / CSS
神话般的珠宝:Ross-Simons
2020/07/13 全球购物
TCP/IP模型的分界线
2012/12/01 面试题
招商业务员岗位职责
2013/12/16 职场文书
小学班级口号
2014/06/09 职场文书
报效祖国演讲稿
2014/09/15 职场文书
装配出错检讨书
2014/09/23 职场文书
2014年物业公司工作总结
2014/11/22 职场文书
体育教师个人工作总结
2015/02/09 职场文书
求职信格式范文
2015/03/19 职场文书
教师评职称工作总结2015
2015/04/20 职场文书
2015年超市员工工作总结
2015/05/04 职场文书
幼儿体育课教学反思
2016/02/16 职场文书
Python数据分析之pandas读取数据
2021/06/02 Python
浅谈PostgreSQL表分区的三种方式
2021/06/29 PostgreSQL
volatile保证可见性及重排序方法
2022/08/05 Java/Android