ExtJS中文亂碼之GBK格式編碼解決方案及代碼

這幾天做後台看了一些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> 

結果出現：

2、頁面的編碼是GBK，具體代碼如下：

3、解決辦法：

（1）把頁面的編碼定義為UFT-8後正常，但項目指定編碼是UTF-8，所以不能採用這個思路。

（2）把引入的資源檔（/js/ext/ext-lang-zh_CN.js）改變為合適的編碼，具體如下：

A 、用EditPlus開啟這個js檔案，選擇另存新檔，如：

B、可以看到編碼選項一共有5項，但是都不是我們需要的，我們點擊後面的 更多的小按鈕（上面有兩個點的不起眼的哪個按鈕）

看到後，選擇圖中的編碼並確認：

然後，替換工程裡面的js，再測試：

可以看到，亂碼問題已經解決，文字顯示正常了。