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 相关文章推荐
js prototype 格式化数字 By shawl.qiu
Apr 02 Javascript
背景图跟随鼠标移动的Mootools插件实现代码
Dec 12 Javascript
用jquery方法操作radio使其默认选项是否
Sep 10 Javascript
JS获取DropDownList的value值与text值的示例代码
Jan 07 Javascript
iframe父页面获取子页面参数的方法
Feb 21 Javascript
学习JavaScript设计模式(接口)
Nov 26 Javascript
JavaScript组件开发完整示例
Dec 15 Javascript
jquery实现tab键进行选择后enter键触发click行为
Mar 29 jQuery
如何通过非数字与字符的方式实现PHP WebShell详解
Jul 02 Javascript
Angular中点击li标签实现更改颜色的核心代码
Dec 08 Javascript
element ui table 增加筛选的方法示例
Nov 02 Javascript
javascript中call,apply,bind的区别详解
Dec 11 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
让你同时上传 1000 个文件 (二)
2006/10/09 PHP
linux实现php定时执行cron任务详解
2013/12/24 PHP
php实现的IMEI限制的短信验证码发送类
2015/05/05 PHP
php+ajax无刷新分页实例详解
2015/12/07 PHP
thinkphp3.x连接mysql数据库的方法(具体操作步骤)
2016/05/19 PHP
三个思路解决laravel上传文件报错:413 Request Entity Too Large问题
2017/11/13 PHP
PHP保存Base64图片base64_decode的问题整理
2019/11/04 PHP
javascript 中对象的继承〔转贴〕
2007/01/22 Javascript
js与jquery中获取当前鼠标的x、y坐标位置的代码
2011/05/23 Javascript
JS获取当前日期时间并定时刷新示例
2021/03/04 Javascript
jquery获得当前html页面源码的方法
2015/07/14 Javascript
jQuery图片左右滚动代码 有左右按钮实例
2016/06/20 Javascript
简单三步实现报表页面集成天气
2016/12/15 Javascript
JS脚本实现网页自动秒杀点击
2018/01/11 Javascript
vue中Axios的封装与API接口的管理详解
2018/08/09 Javascript
Vue中的v-for循环key属性注意事项小结
2018/08/12 Javascript
Bootstrap实现省市区三级联动(亲测可用)
2019/07/26 Javascript
VUE.CLI4.0配置多页面入口的实现
2019/11/25 Javascript
Vue中通过属性绑定为元素绑定style行内样式的实例代码
2020/04/30 Javascript
vue-quill-editor的使用及个性化定制操作
2020/08/04 Javascript
原生JS实现弹幕效果的简单操作指南
2020/11/10 Javascript
Python使用scrapy抓取网站sitemap信息的方法
2015/04/08 Python
利用Python的装饰器解决Bottle框架中用户验证问题
2015/04/24 Python
python 字符串只保留汉字的方法
2018/11/16 Python
python linecache 处理固定格式文本数据的方法
2019/01/08 Python
python tkinter组件摆放方式详解
2019/09/16 Python
python自动化测试三部曲之request+django实现接口测试
2020/10/07 Python
大学生村官心得体会范文
2014/01/04 职场文书
另类冲刺标语
2014/06/24 职场文书
和谐家庭事迹材料
2014/12/20 职场文书
2015年安全生产工作总结范文
2015/04/02 职场文书
python机器学习创建基于规则聊天机器人过程示例详解
2021/11/02 Python
基于Redis zSet实现滑动窗口对短信进行防刷限流的问题
2022/02/12 Redis
Java如何实现通过键盘输入一个数组
2022/02/15 Java/Android
Python闭包的定义和使用方法
2022/04/11 Python
Redis 报错 error:NOAUTH Authentication required
2022/05/15 Redis