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来定义类的规范小结
Nov 19 Javascript
利用jQuery插件扩展识别浏览器内核与外壳的类型和版本的实现代码
Oct 22 Javascript
Web开发之JavaScript
Mar 29 Javascript
使用JS取得焦点(focus)元素代码
Mar 22 Javascript
jQuery中的$.ajax()方法应用
May 06 Javascript
JavaScript省市级联下拉菜单实例
Feb 14 Javascript
Angular 4.X开发实践中的踩坑小结
Jul 04 Javascript
Vue.js实现可排序的表格组件功能示例
Feb 19 Javascript
解决Layui 表格自适应高度的问题
Nov 15 Javascript
微信小程序中的列表切换功能实例代码详解
Jun 09 Javascript
vue打开子组件弹窗都刷新功能的实现
Sep 21 Javascript
Vue 401配合Vuex防止多次弹框的案例
Nov 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
php程序员应具有的7种能力小结
2014/11/27 PHP
php中__toString()方法用法示例
2016/12/07 PHP
thinkphp 字母函数详解T/I/N/D/M/A/R/U
2017/04/03 PHP
巧妙破除网页右键禁用的十大绝招
2006/08/12 Javascript
JQuery下关于$.Ready()的分析
2009/12/13 Javascript
jquery中ajax调用json数据的使用说明
2011/03/17 Javascript
如何让页面加载完成后执行js
2013/06/26 Javascript
JavaScript eval() 函数介绍及应用示例
2014/07/29 Javascript
JS 使用for循环遍历子节点查找元素
2014/09/06 Javascript
html的DOM中document对象forms集合用法实例
2015/01/21 Javascript
JQuery中DOM实现事件移除的方法
2015/06/13 Javascript
JS实现超简单的汉字转拼音功能示例
2016/12/22 Javascript
详解用node搭建简单的静态资源管理器
2017/08/09 Javascript
详解JavaScript中操作符和表达式
2018/09/12 Javascript
详解Vue前端对axios的封装和使用
2019/04/01 Javascript
js定义类的方法示例【ES5与ES6】
2019/07/30 Javascript
Python版实现微信公众号扫码登陆
2020/05/28 Javascript
解决Can't find variable: SockJS vue项目的问题
2020/09/22 Javascript
8个非常实用的Vue自定义指令
2020/12/15 Vue.js
python实现简单tftp(基于udp协议)
2018/07/30 Python
django之自定义软删除Model的方法
2019/08/14 Python
python使用celery实现异步任务执行的例子
2019/08/28 Python
Python使用Slider组件实现调整曲线参数功能示例
2019/09/06 Python
基于python的selenium两种文件上传操作实现详解
2019/09/19 Python
Python turtle画图库&&画姓名实例
2020/01/19 Python
基于Python获取docx/doc文件内容代码解析
2020/02/17 Python
Python实现aes加密解密多种方法解析
2020/05/15 Python
python时间time模块处理大全
2020/10/25 Python
python爬虫用request库处理cookie的实例讲解
2021/02/20 Python
HTML5中input[type='date']自定义样式与日历校验功能的实现代码
2017/07/11 HTML / CSS
关于工资低的辞职信
2014/01/14 职场文书
幼儿园校园小喇叭广播稿
2014/10/17 职场文书
不同意离婚答辩状
2015/05/22 职场文书
热血教师观后感
2015/06/10 职场文书
健康教育主题班会
2015/08/14 职场文书
关于JavaScript轮播图的实现
2021/11/20 Javascript