問題描述
中文亂碼在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來編碼的，這個時候就是正常顯示的?；蛘呤窃贘ava代碼中使用下面的代碼：
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外部文件中文注釋出現亂碼問題，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復大家的！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
