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 图片Silhouette Fadeins渐显效果
Feb 07 Javascript
JSDoc 介绍使用规范JsDoc的使用介绍
Feb 12 Javascript
js实现的切换面板实例代码
Jun 17 Javascript
js操作table示例(个人心得)
Nov 29 Javascript
Javascript核心读书有感之词法结构
Feb 01 Javascript
jquery实现简易的移动端验证表单
Nov 08 Javascript
解决jQuery使用JSONP时产生的错误
Dec 02 Javascript
JavaScript仿微博输入框效果(案例分析)
Dec 06 Javascript
vuejs指令详解
Feb 07 Javascript
JavaScript编写棋盘覆盖代码详解
Aug 28 Javascript
ajax请求data遇到的问题分析
Jan 18 Javascript
layer.confirm()右边按钮实现href的例子
Sep 27 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
php5中类的学习
2008/03/28 PHP
黑夜路人出的几道php笔试题
2009/08/04 PHP
php如何比较两个浮点数是否相等详解
2019/02/12 PHP
使用prototype.js进行异步操作
2007/02/07 Javascript
在JS中最常看到切最容易迷惑的语法(转)
2010/10/29 Javascript
将光标定位于输入框最右侧实现代码
2012/12/04 Javascript
如何使用JS获取IE上传文件路径(IE7,8)
2013/07/08 Javascript
javascript下拉框选项单击事件的例子分享
2015/03/04 Javascript
JavaScript 字符串常用操作小结(非常实用)
2016/11/30 Javascript
jQuery 实现鼠标画框并对框内数据选中的实例代码
2017/08/29 jQuery
Node.js利用断言模块assert进行单元测试的方法
2017/09/28 Javascript
详解JS转换数值函数Number()、parseInt()、parseFloat()
2018/08/24 Javascript
Angular 利用路由跳转到指定页面的指定位置方法
2018/08/31 Javascript
浅谈高大上的微信小程序中渲染html内容—技术分享
2018/10/25 Javascript
ajax跨域访问遇到的问题及解决方案
2019/05/23 Javascript
使用node.JS中的url模块解析URL信息
2020/02/06 Javascript
vue中提示$index is not defined错误的解决方式
2020/09/02 Javascript
让 python 命令行也可以自动补全
2014/11/30 Python
Python中特殊函数集锦
2015/07/27 Python
Python实现进程同步和通信的方法
2018/01/02 Python
python判断一个集合是否为另一个集合的子集方法
2018/05/04 Python
用PyInstaller把Python代码打包成单个独立的exe可执行文件
2018/05/26 Python
详解python while 函数及while和for的区别
2018/09/07 Python
python使用pip安装SciPy、SymPy、matplotlib教程
2019/11/20 Python
eBay英国购物网站:eBay.co.uk
2019/06/19 全球购物
英国美术用品购物网站:Cass Art
2019/10/08 全球购物
乌克兰巴士票购买网站:inBus
2021/03/12 全球购物
简历里的自我评价范文
2014/02/24 职场文书
商务助理求职信范文
2014/04/20 职场文书
2014小学年度工作总结
2014/12/20 职场文书
中秋客户感谢信
2015/01/22 职场文书
稽核岗位职责范本
2015/04/13 职场文书
2015年暑期见闻
2015/07/14 职场文书
话题作文之成长
2019/12/09 职场文书
python opencv常用图形绘制方法(线段、矩形、圆形、椭圆、文本)
2021/04/12 Python
分布式锁为什么要选择Zookeeper而不是Redis?看完这篇你就明白了
2021/05/21 Redis