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设置cookie过期当前时间减去一秒相当于立即过期
Sep 04 Javascript
JavaScript中使用concat()方法拼接字符串的教程
Jun 06 Javascript
今天抽时间给大家整理jquery和ajax的相关知识
Nov 17 Javascript
jquery 追加元素append、prepend、before、after用法与区别分析
Dec 02 Javascript
JS实现线性表的顺序表示方法示例【经典数据结构】
Apr 11 Javascript
JavaScript之RegExp_动力节点Java学院整理
Jun 29 Javascript
vue axios请求拦截实例代码
Mar 29 Javascript
vue v-model实现自定义样式多选与单选功能
Jul 05 Javascript
vue监听用户输入和点击功能
Sep 27 Javascript
Javascript 类型转换、封闭函数及常见内置对象操作示例
Nov 15 Javascript
mpvue微信小程序开发之实现一个弹幕评论
Nov 24 Javascript
原生javascript单例模式的应用实例分析
Feb 23 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程序中防止盗链
2008/04/09 PHP
保存到桌面、设为桌面且带图标的PHP代码
2013/11/19 PHP
从零开始学YII2框架(四)扩展插件yii2-kartikgii
2014/08/20 PHP
WordPress开发中短代码的实现及相关函数使用技巧
2016/01/05 PHP
thinkphp实现图片上传功能
2016/01/13 PHP
PHP分享图片的生成方法
2018/04/25 PHP
浅谈php常用的7大框架的优缺点
2020/07/20 PHP
laravel与thinkphp之间的区别与优缺点
2021/03/02 PHP
JavaScript中prototype为对象添加属性的误区介绍
2013/10/15 Javascript
jQuery中DOM树操作之复制元素的方法
2015/01/23 Javascript
完美实现八种js焦点轮播图(上篇)
2016/07/18 Javascript
JS 全屏和退出全屏详解及实例代码
2016/11/07 Javascript
js实现右键菜单功能
2016/11/28 Javascript
js登录滑动验证的实现(不滑动无法登陆)
2018/01/03 Javascript
微信小程序自定义多选事件的实现代码
2018/05/17 Javascript
JavaScript作用域链实例详解
2019/01/21 Javascript
基于mpvue搭建微信小程序项目框架的教程详解
2019/04/10 Javascript
解决vue项目F5刷新mounted里的函数不执行问题
2019/11/05 Javascript
JS将指定的某个字符全部转换为其他字符实例代码
2020/10/13 Javascript
用Python进行行为驱动开发的入门教程
2015/04/23 Python
python单线程文件传输的实例(C/S)
2019/02/13 Python
django ManyToManyField多对多关系的实例详解
2019/08/09 Python
Python Web框架之Django框架cookie和session用法分析
2019/08/16 Python
TensorFlow2.X结合OpenCV 实现手势识别功能
2020/04/08 Python
Canvas中设置width与height的问题浅析
2018/11/01 HTML / CSS
创先争优承诺书范文
2014/03/31 职场文书
人事经理岗位职责
2014/04/28 职场文书
医学求职信
2014/05/28 职场文书
篮球比赛策划方案
2014/06/05 职场文书
农林经济管理专业自荐信
2014/09/01 职场文书
离职证明标准格式
2014/09/15 职场文书
2014年学生管理工作总结
2014/12/20 职场文书
幼儿园教学工作总结2015
2015/05/12 职场文书
歌咏比赛主持词
2015/06/29 职场文书
学校运动会加油词
2015/07/18 职场文书
Python基础之进程详解
2021/05/21 Python