ExtJS中文乱码之GBK格式编码解决方案及代码


Posted in Javascript onJanuary 20, 2013

这几天做后台看了一些Ext的知识,在切入工作项目的时候出现了乱码情况,所以就总结了这篇ExtJS中文乱码之GBK格式编码解决办法的文章,作为记录。

1、具体情况

在引入:

<title>Ext-学习|测试项目</title> 
02.<link href="/js/ext/resources/css/ext-all.css" rel="stylesheet" type="text/css" /> 
03.<script type="text/javascript" src="/js/ext/ext-base.js"></script> 
04.<script type="text/javascript" src="/js/ext/ext-all.js"></script> 
05.<script type="text/javascript" src="/js/ext/ext-lang-zh_CN.js"></script>
 
后,写了一个简单的例子:
<script type="text/javascript">  
Ext.onReady(  
    function(){  
        Ext.MessageBox.alert("提示","你好,世界!");  
    } 
);  
</script> 

结果出现:

ExtJS中文乱码之GBK格式编码解决方案及代码

2、页面的编码是GBK,具体代码如下

ExtJS中文乱码之GBK格式编码解决方案及代码

3、解决办法

(1)把页面的编码定义为UFT-8后正常,但项目指定编码是UTF-8,所以不能采用这个思路。

(2)把引入的资源文件(/js/ext/ext-lang-zh_CN.js)改变为合适的编码,具体如下:

A 、用EditPlus打开这个js文件,选择另存为,如下图:

ExtJS中文乱码之GBK格式编码解决方案及代码

B、可以看到编码选项一共有5项,但是都不是我们需要的,我们点击后面的 更多的小按钮(上面有两个点的不起眼的哪个按钮)

看到下图后,选择图中的编码并确认:

ExtJS中文乱码之GBK格式编码解决方案及代码

然后,替换工程里面的js,再测试:

ExtJS中文乱码之GBK格式编码解决方案及代码

可以看到,乱码问题已经解决,文字显示正常了。

Javascript 相关文章推荐
自适应图片大小的弹出窗口
Jul 27 Javascript
清华大学出版的事半功倍系列 javascript全部源代码
May 04 Javascript
jquery select(列表)的操作(取值/赋值)
Aug 06 Javascript
ExtJS 入门
Oct 29 Javascript
js页面跳转的常用方法整理
Oct 18 Javascript
js中split函数的使用方法说明
Dec 26 Javascript
js中的cookie的读写操作示例详解
Apr 17 Javascript
Javascript Object 对象学习笔记
Dec 17 Javascript
Jquery搜索父元素操作方法
Feb 10 Javascript
使用Fullpage插件快速开发整屏翻页的页面
Sep 13 Javascript
mpvue中使用flyjs全局拦截的实现代码
Sep 13 Javascript
如何使用CSS3+JQuery实现悬浮墙式菜单
Jun 18 jQuery
使用jquery实现图文切换效果另加特效
Jan 20 #Javascript
分享一个我自己写的ToolTip提示插件(附源码)
Jan 20 #Javascript
使用jQuery.fn自定义jQuery翻页插件
Jan 20 #Javascript
javascript改变position值实现菜单滚动至顶部后固定
Jan 18 #Javascript
js+数组实现网页上显示时间/星期几的实用方法
Jan 18 #Javascript
javascript限制文本框只允许输入数字(曾经与现在的方法对比)
Jan 18 #Javascript
js replace正则表达式应用案例讲解
Jan 17 #Javascript
You might like
php获取远程文件大小
2015/10/20 PHP
浅谈PHP中的数据传输CURL
2016/09/06 PHP
laravel框架如何设置公共头和公共尾
2019/10/22 PHP
用JavaScrpt实现文件夹简单轻松加密的实现方法图文
2008/09/08 Javascript
Jquery实现无刷新DropDownList联动实现代码
2010/03/08 Javascript
js调用activeX获取u盘序列号的代码
2011/11/21 Javascript
javascript学习笔记(十) js对象 继承
2012/06/19 Javascript
键盘KeyCode值列表汇总
2013/11/26 Javascript
javascript实现淘宝幻灯片广告展示效果
2015/04/27 Javascript
解析JavaScript的ES6版本中的解构赋值
2015/07/28 Javascript
JavaScript节点及列表操作实例小结
2015/08/05 Javascript
javascript电商网站抢购倒计时效果实现
2015/11/19 Javascript
JAVASCRIPT代码编写俄罗斯方块网页版
2015/11/26 Javascript
js获取及判断键盘按键的方法
2015/12/01 Javascript
JavaScript图像延迟加载库Echo.js
2016/04/05 Javascript
从0开始学Vue
2016/10/27 Javascript
Node.js批量给图片加水印的方法
2016/11/15 Javascript
JS获取多维数组中相同键的值实现方法示例
2017/01/06 Javascript
jQuery实现大图轮播
2017/02/13 Javascript
vue自定义指令的创建和使用方法实例分析
2018/12/04 Javascript
vue插槽slot的理解和使用方法
2019/04/03 Javascript
微信小程序如何通过用户授权获取手机号(getPhoneNumber)
2020/01/21 Javascript
在Vue 中获取下拉框的文本及选项值操作
2020/08/13 Javascript
[54:30]Liquid vs Newbee 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
python的类方法和静态方法
2014/12/13 Python
Python3爬虫学习入门教程
2018/12/11 Python
关于Python3 lambda函数的深入浅出
2019/11/27 Python
使用python实现哈希表、字典、集合操作
2019/12/22 Python
Python %r和%s区别代码实例解析
2020/04/03 Python
python3.6中anaconda安装sklearn踩坑实录
2020/07/28 Python
Python图像读写方法对比
2020/11/16 Python
法国二手手袋、手表和奢侈珠宝购物网站:Collector Square
2018/07/05 全球购物
Hotels.com越南:酒店预订
2019/10/29 全球购物
推普周国旗下讲话稿
2014/09/21 职场文书
Java常用工具类汇总 附示例代码
2021/06/26 Java/Android
OpenCV项目实践之停车场车位实时检测
2022/04/11 Python