快捷導(dǎo)航

解決JS外部文件中文注釋出現(xiàn)亂碼問(wèn)題

更新時(shí)間：2017年07月09日 09:43:05 作者：lovexieyuan520

中文亂碼在Java Web開(kāi)發(fā)中經(jīng)常出現(xiàn)，這是由于不同的部分編碼不一樣造成的，一般在開(kāi)發(fā)中，我們把所有能設(shè)編碼的地方，全部設(shè)置成UTF-8，但是有時(shí)候還是會(huì)出現(xiàn)亂碼的情況。下面通過(guò)本文給大家分享JS外部文件中文注釋出現(xiàn)亂碼的解決方案，一起看看吧

問(wèn)題描述

中文亂碼在Java Web開(kāi)發(fā)中經(jīng)常出現(xiàn)，這是由于不同的部分編碼不一樣造成的，一般在開(kāi)發(fā)中，我們把所有能設(shè)編碼的地方，全部設(shè)置成UTF-8，但是有時(shí)候還是會(huì)出現(xiàn)亂碼的情況。在開(kāi)發(fā)中，一般把js代碼從html中抽出來(lái)，放到一個(gè)js文件中，js文件中包含中文，在瀏覽器中頁(yè)面沒(méi)有出現(xiàn)亂碼，一切正常，當(dāng)我們打開(kāi)源碼點(diǎn)進(jìn)js文件，我們發(fā)現(xiàn)js文件中的中文注釋和js代碼中的中文全是亂碼。

問(wèn)題原因

我們沒(méi)有告訴瀏覽器，當(dāng)前的文件使用何種編碼，瀏覽器默認(rèn)使用的的GBK編碼，但是我們js文件使用的UTF-8的編碼，當(dāng)然會(huì)出現(xiàn)亂碼了，有的同學(xué)會(huì)問(wèn)了，為什么頁(yè)面沒(méi)有出現(xiàn)，那是因?yàn)槲覀冊(cè)陧?yè)面里面加上以下代碼：

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

或者：

<meta charset="utf-8">

這就告訴了瀏覽器，你用UTF-8來(lái)渲染這個(gè)頁(yè)面，我們這個(gè)頁(yè)面是用UTF-8來(lái)編碼的，這個(gè)時(shí)候就是正常顯示的?；蛘呤窃贘ava代碼中使用下面的代碼：

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

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

解決方案

聰明的同學(xué)已經(jīng)想到了，我們要告訴瀏覽器，當(dāng)前文件的編碼格式，在頁(yè)面中，我們可以使用上面的三種方式來(lái)告訴瀏覽器當(dāng)前頁(yè)面的編碼，但是在js文件中，使用不了。咋辦？其實(shí)很簡(jiǎn)單，我們可以在web.xml中，使用一個(gè)過(guò)濾器，來(lái)對(duì)所有的的響應(yīng)設(shè)置編碼格式為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>

上面的過(guò)濾器，對(duì)所有的請(qǐng)求響應(yīng)設(shè)置的編碼為UTF-8。

清除一下瀏覽器緩存，刷新一下，我們發(fā)現(xiàn)已經(jīng)能夠正確的顯示中文了。

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

以上所述是小編給大家介紹的解決JS外部文件中文注釋出現(xiàn)亂碼問(wèn)題，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)歡迎給我留言，小編會(huì)及時(shí)回復(fù)大家的！

您可能感興趣的文章: