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 相关文章推荐
jquery动态调整div大小使其宽度始终为浏览器宽度
Jun 06 Javascript
JS实现转动随机数抽奖特效代码
Apr 16 Javascript
jQuery+json实现的简易Ajax调用实例
Dec 14 Javascript
WEB前端开发框架Bootstrap3 VS Foundation5
May 16 Javascript
Javascript类型系统之String字符串类型详解
Jun 21 Javascript
jQuery中常用动画效果函数(日常整理)
Sep 17 Javascript
ES6中参数的默认值语法介绍
May 03 Javascript
vue子父组件通信的实现代码
Jul 09 Javascript
基于vue2.0实现简单轮播图
Nov 27 Javascript
基于vue实现一个禅道主页拖拽效果
May 27 Javascript
vue-router 按需加载 component: () => import() 报错的解决
Sep 22 Javascript
Vue 的 v-model用法实例
Nov 23 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
通过对服务器端特性的配置加强php的安全
2006/10/09 PHP
WINXP下apache+php4+mysql
2006/11/25 PHP
色色整理的PHP面试题集锦
2012/03/08 PHP
深入php-fpm的两种进程管理模式详解
2013/06/03 PHP
PHP使用mysqldump命令导出数据库
2015/04/14 PHP
PHP针对字符串开头和结尾的判断方法
2016/07/11 PHP
利用Homestead快速运行一个Laravel项目的方法详解
2017/11/14 PHP
Array的push与unshift方法性能比较分析
2011/03/05 Javascript
js返回前一页刷新本页重载页面
2014/07/29 Javascript
javascript实现网页端解压并查看zip文件
2015/12/15 Javascript
JS 实现倒计时数字时钟效果【附实例代码】
2016/03/30 Javascript
JS正则表达式修饰符global(/g)用法分析
2016/12/27 Javascript
基于jQuery实现选项卡效果
2017/01/04 Javascript
图文详解Javascript中的上下文和作用域
2017/02/15 Javascript
利用Mongoose让JSON数据直接插入或更新到MongoDB
2017/05/03 Javascript
Vue封装Swiper实现图片轮播效果
2018/02/06 Javascript
vue-cli中的babel配置文件.babelrc实例详解
2018/02/22 Javascript
Vue父组件调用子组件事件方法
2018/02/23 Javascript
vue.js动画中的js钩子函数的实现
2018/07/06 Javascript
vuex页面刷新后数据丢失的方法
2019/01/17 Javascript
JavaScript实现背景自动切换小案例
2019/09/27 Javascript
es6函数之严格模式用法实例分析
2020/03/17 Javascript
Vue结合路由配置递归实现菜单栏功能
2020/06/16 Javascript
原生JS实现京东查看商品点击放大
2020/12/21 Javascript
Python os模块中的isfile()和isdir()函数均返回false问题解决方法
2015/02/04 Python
Python创建对称矩阵的方法示例【基于numpy模块】
2017/10/12 Python
利用Python自动化操作AutoCAD的实现
2020/04/01 Python
什么是岗位职责
2013/11/12 职场文书
工作个人的自我评价
2014/01/14 职场文书
代理班主任的自我评价
2014/02/04 职场文书
三严三实对照检查材料范文
2014/09/23 职场文书
离婚财产分隔协议书
2014/10/23 职场文书
四风问题原因分析及整改措施
2014/10/24 职场文书
学校师德师风整改措施
2014/10/27 职场文书
2015年语文教学工作总结
2015/05/25 职场文书
css3 实现文字闪烁效果的三种方式示例代码
2021/04/25 HTML / CSS