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网页关闭时提醒效果脚本
Oct 22 Javascript
JavaScript包装对象使用介绍
Aug 29 Javascript
jQuery实现的多选框多级联动插件
May 02 Javascript
深入理解MVC中的时间js格式化
May 19 Javascript
vue2.0构建单页应用最佳实战
Apr 01 Javascript
关于vue单文件中引用路径的处理方法
Jan 08 Javascript
Vue验证码60秒倒计时功能简单实例代码
Jun 22 Javascript
Node.js 使用request模块下载文件的实例
Sep 05 Javascript
react+ant design实现Table的增、删、改的示例代码
Dec 27 Javascript
jQuery模拟html下拉多选框的原生实现方法示例
May 30 jQuery
vant IndexBar实现的城市列表的示例代码
Nov 20 Javascript
Ajax 的初步实现(使用vscode+node.js+express框架)
Jun 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中session退出登陆问题
2014/02/27 PHP
PHP将回调函数作用到给定数组单元的方法
2014/08/19 PHP
JQuery小知识
2010/10/15 Javascript
JavaScript call apply使用 JavaScript对象的方法绑定到DOM事件后this指向问题
2011/09/28 Javascript
利用jQuery插件扩展识别浏览器内核与外壳的类型和版本的实现代码
2011/10/22 Javascript
Vue.js路由组件vue-router使用方法详解
2016/12/02 Javascript
localStorage的黑科技-js和css缓存机制
2017/02/06 Javascript
详解vuex中action何时完成以及如何正确调用dispatch的思考
2019/01/21 Javascript
layui实现数据表格自定义数据项
2019/10/26 Javascript
d3.js实现图形拖拽
2019/12/19 Javascript
vue实现给div绑定keyup的enter事件
2020/07/31 Javascript
前端vue+elementUI如何实现记住密码功能
2020/09/20 Javascript
巧用Python装饰器 免去调用父类构造函数的麻烦
2012/05/18 Python
Python中matplotlib中文乱码解决办法
2017/05/12 Python
Python实现读取邮箱中的邮件功能示例【含文本及附件】
2017/08/05 Python
Python数据结构与算法之图的基本实现及迭代器实例详解
2017/12/12 Python
用pycharm开发django项目示例代码
2019/06/13 Python
Ubuntu18.04中Python2.7与Python3.6环境切换
2019/06/14 Python
python中用logging实现日志滚动和过期日志删除功能
2019/08/20 Python
通过celery异步处理一个查询任务的完整代码
2019/11/19 Python
python正则表达式匹配IP代码实例
2019/12/28 Python
Python log模块logging记录打印用法解析
2020/01/20 Python
new_zeros() pytorch版本的转换方式
2020/02/18 Python
Python爬虫获取豆瓣电影并写入excel
2020/07/31 Python
python安装cx_Oracle和wxPython的方法
2020/09/14 Python
一款利用纯css3实现的360度翻转按钮的实例教程
2014/11/05 HTML / CSS
使用CSS3创建动态菜单效果
2015/07/10 HTML / CSS
CSS3绘制圆角矩形的简单示例
2015/09/28 HTML / CSS
介绍一下EJB的分类及其各自的功能及应用
2016/08/23 面试题
工作表现自我评价
2014/02/08 职场文书
大学生感恩父母演讲稿
2014/08/28 职场文书
收款委托书范本
2014/09/11 职场文书
大学生档案自我鉴定(2篇)
2014/10/14 职场文书
赔偿协议书
2015/01/27 职场文书
催款函怎么写
2015/06/24 职场文书
Golang Elasticsearches 批量修改查询及发送MQ
2022/04/19 Golang