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实现的所谓的滑动门
May 23 Javascript
提高网站信任度的技巧
Oct 17 Javascript
Javascript Tab 导航插件 (23个)
Jun 11 Javascript
设为首页和收藏的Javascript代码(亲测兼容IE,Firefox,chrome等浏览器)
Nov 18 Javascript
JavaScript 实现打印,打印预览,打印设置
Dec 30 Javascript
BootStrap 附加导航组件
Jul 22 Javascript
详解Vue爬坑之vuex初识
Jun 14 Javascript
简易Vue评论框架的实现(父组件的实现)
Jan 08 Javascript
vue中的router-view组件的使用教程
Oct 23 Javascript
vue实现微信二次分享以及自定义分享的示例
Mar 20 Javascript
小程序实现可拖动的悬浮按钮
Sep 07 Javascript
Vue 实现一个简单的鼠标拖拽滚动效果插件
Dec 10 Vue.js
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
Oracle 常见问题解答
2006/10/09 PHP
解析如何用php screw加密php源代码
2013/06/20 PHP
实用的PHP带公钥加密类分享(每次加密结果都不一样哦)
2014/08/20 PHP
php基于Snoopy解析网页html的方法
2015/07/09 PHP
如何解决phpmyadmin导入数据库文件最大限制2048KB
2015/10/09 PHP
php 数组元素快速去重
2017/05/05 PHP
laravel5.6实现数值转换
2019/10/23 PHP
基于jquery的tab切换 js原理
2010/04/01 Javascript
jQuery Lightbox 图片展示插件使用说明
2010/04/25 Javascript
Jquery同辈元素选中/未选中效果的实例代码
2013/08/01 Javascript
删除select中所有option选项jquery代码
2013/08/12 Javascript
jquery实现邮箱自动补全功能示例分享
2014/02/17 Javascript
详解JavaScript中常用的函数类型
2015/11/18 Javascript
MVC+jQuery.Ajax异步实现增删改查和分页
2020/12/22 Javascript
AngularJs bootstrap搭载前台框架——准备工作
2016/09/01 Javascript
JavaScript定义数组的三种方法(new Array(),new Array('x','y')
2016/10/04 Javascript
js生成随机颜色方法代码分享(三种)
2016/12/29 Javascript
详解angularJs模块ui-router之状态嵌套和视图嵌套
2017/04/28 Javascript
推荐VSCode 上特别好用的 Vue 插件之vetur
2017/09/14 Javascript
详解Node.js读写中文内容文件操作
2018/10/10 Javascript
vscode配置vue下的es6规范自动格式化详解
2019/03/20 Javascript
webpack4之如何编写loader的方法步骤
2019/06/06 Javascript
vue element-ui table组件动态生成表头和数据并修改单元格格式 父子组件通信
2019/08/15 Javascript
python验证码识别的实例详解
2016/09/09 Python
Python 中的with关键字使用详解
2016/09/11 Python
python的Tqdm模块的使用
2018/01/10 Python
使用Python制作微信跳一跳辅助
2018/01/31 Python
一个可以套路别人的python小程序实例代码
2019/04/09 Python
python经典趣味24点游戏程序设计
2019/07/26 Python
将python文件打包exe独立运行程序方法详解
2020/02/12 Python
keras实现VGG16 CIFAR10数据集方式
2020/07/07 Python
美国彩妆品牌:Coastal Scents
2017/04/01 全球购物
施华洛世奇中国官网:SWAROVSKI中国
2020/06/16 全球购物
大整数数相乘的问题
2012/07/22 面试题
不打扫卫生检讨书
2014/02/12 职场文书
2015年全国助残日活动方案
2015/05/04 职场文书