問題描述

中文亂碼在Java Web開發中經常出現，這是由于不同的部分編碼不一樣造成的，一般在開發中，我們把所有能設編碼的地方，全部設置成UTF-8，但是有時候還是會出現亂碼的情況。在開發中，一般把js代碼從html中抽出來，放到一個js文件中，js文件中包含中文，在瀏覽器中頁面沒有出現亂碼，一切正常，當我們打開源碼點進js文件，我們發現js文件中的中文注釋和js代碼中的中文全是亂碼。

問題原因 

我們沒有告訴瀏覽器，當前的文件使用何種編碼，瀏覽器默認使用的的GBK編碼，但是我們js文件使用的UTF-8的編碼，當然會出現亂碼了，有的同學會問了，為什么頁面沒有出現，那是因為我們在頁面里面加上以下代碼：

<meta content="text/html; charset=UTF-8" http-equiv="content-type">

或者：

<meta charset="utf-8">

這就告訴了瀏覽器，你用UTF-8來渲染這個頁面，我們這個頁面是用UTF-8來編碼的，這個時候就是正常顯示的。或者是在Java代碼中使用下面的代碼：

response.setContentType("text/html;charset=UTF-8");

這也是相當于告訴瀏覽器，當前使用的UTF-8編碼。

解決方案

聰明的同學已經想到了，我們要告訴瀏覽器，當前文件的編碼格式，在頁面中，我們可以使用上面的三種方式來告訴瀏覽器當前頁面的編碼，但是在js文件中，使用不了。咋辦？其實很簡單，我們可以在web.xml中，使用一個過濾器，來對所有的的響應設置編碼格式為UTF-8：

<filter>    <filter-name>encodingFilter</filter-name>    <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>    <init-param>      <param-name>encoding</param-name>      <param-value>UTF-8</param-value>    </init-param>    <init-param>      <param-name>forceEncoding</param-name>      <param-value>true</param-value>    </init-param>  </filter>  <filter-mapping>    <filter-name>encodingFilter</filter-name>    <url-pattern>/*</url-pattern>  </filter-mapping>

上面的過濾器，對所有的請求響應設置的編碼為UTF-8。

清除一下瀏覽器緩存，刷新一下，我們發現已經能夠正確的顯示中文了。

說明一下，前提是所有的文件編碼是UTF-8。

以上所述是小編給大家介紹的解決JS外部文件中文注釋出現亂碼問題，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復大家的！