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 instanceof 与typeof使用说明
Jan 11 Javascript
javascript dom追加内容实现示例
Sep 21 Javascript
js中同步与异步处理的方法和区别总结
Dec 25 Javascript
整理Javascript函数学习笔记
Dec 01 Javascript
jQuery实现的点赞随机数字显示动画效果(附在线演示与demo源码下载)
Dec 31 Javascript
IE下JS保存图片的简单实例
Jul 15 Javascript
在JS中a标签加入单击事件屏蔽href跳转页面
Dec 16 Javascript
React-Native中props具体使用详解
Sep 04 Javascript
Vue项目中使用WebUploader实现文件上传的方法
Jul 21 Javascript
vue2.x 通过后端接口代理,获取qq音乐api的数据示例
Oct 30 Javascript
vue使用v-model进行跨组件绑定的基本实现方法
Apr 28 Vue.js
angular异步验证器防抖实例详解
Mar 31 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编程效率的53个要点(经验小结)
2010/09/04 PHP
php实现将字符串按照指定距离进行分割的方法
2015/03/14 PHP
php实现短信发送代码
2015/07/05 PHP
分享3个php获取日历的函数
2015/09/25 PHP
php实现往pdf中加数字签名操作示例【附源码下载】
2018/08/07 PHP
laravel接管Dingo-api和默认的错误处理方式
2019/10/25 PHP
js使用函数绑定技术改变事件处理程序的作用域
2011/12/26 Javascript
jQuery中contents()方法用法实例
2015/01/08 Javascript
javascript新闻跑马灯实例代码
2020/07/29 Javascript
微信小程序 页面之间传参实例详解
2017/01/13 Javascript
JavaScript实现获取用户单击body中所有A标签内容的方法
2017/06/05 Javascript
详解Vue路由钩子及应用场景(小结)
2017/11/07 Javascript
详解几十行代码实现一个vue的状态管理
2019/01/28 Javascript
原生js添加一个或多个类名的方法分析
2019/07/30 Javascript
解决一个微信号同时支持多个环境网页授权问题
2019/08/07 Javascript
Vue使用NProgress进度条的方法
2019/09/21 Javascript
在vue中阻止浏览器后退的实例
2019/11/06 Javascript
vue实现分页的三种效果
2020/06/23 Javascript
node.js基础知识汇总
2020/08/25 Javascript
python连接MySQL、MongoDB、Redis、memcache等数据库的方法
2013/11/15 Python
Python比较文件夹比另一同名文件夹多出的文件并复制出来的方法
2015/03/05 Python
介绍Python的@property装饰器的用法
2015/04/28 Python
python实现读取命令行参数的方法
2015/05/22 Python
Python图像处理实现两幅图像合成一幅图像的方法【测试可用】
2019/01/04 Python
使用pycharm和pylint检查python代码规范操作
2020/06/09 Python
Python matplotlib图例放在外侧保存时显示不完整问题解决
2020/07/28 Python
调解员先进事迹材料
2014/02/07 职场文书
房产委托公证书样本
2014/04/04 职场文书
《鸟岛》教学反思
2014/04/26 职场文书
环保倡议书300字
2014/05/15 职场文书
计算机软件专业求职信
2014/06/10 职场文书
2014年政风行风评议工作总结
2014/10/21 职场文书
毕业生党员个人总结
2015/02/14 职场文书
就业推荐表院系意见
2015/06/05 职场文书
《扇形统计图》教学反思
2016/02/17 职场文书
MySQL分区路径子分区再分区
2022/04/13 MySQL