引用外部js亂碼問題分析及解決方案

更新時間：2013年04月12日 16:33:01 作者：

web開發(fā)中不可避免會使用js，為了給頁面良好的瘦身我們一般都會將js代碼放在外部，然后通過src引用，如果web頁面與js采用的編碼不同一就會產(chǎn)生亂碼，接下來與大家分享下解決方法，感興趣的朋友可以參考下哈

在web開發(fā)中我們一般都會不可避免的使用js。我們可以將js代碼直接放在頁面中即通過內(nèi)部使用js。但是為了給頁面良好的"瘦身"我們一般都會將js代碼放在外部，然后通過src引用。這個時候我們就需要注意一個問題：編碼問題。如果web頁面也js采用不同編碼，這個時候就會出現(xiàn)亂碼。(內(nèi)部使用js不需要注意編碼問題，因為他們采用的是同一種編碼)

對于大多數(shù)的web頁面，我們一般都是使用如下兩種編碼：UTF-8、GB2312。所以我們只需要同意頁面和js編碼就可以解決亂碼問題：
對于GBK頁面引用編碼為UTF-8編碼的JavaScript文件如果出現(xiàn)亂碼問題，可以使用下面的代碼來解決

復制代碼代碼如下:

 
＜script type=”text/javascript” src=”test.js” charset=”utf-8″></script> 

同樣在UTF-8頁面中引入編碼為GBK的JavaScript文件亂碼問題了，可以使用如下方式：

復制代碼代碼如下:

 
＜script type=”text/javascript” src=”test.js” charset=”gb2312″></script> 

此方法是對于在js文件中出現(xiàn)漢字中文，以及其他容易造成在GBK與UTF-8編碼錯誤字符的時候使用，對于純英文的就不需要了。如果為了保險，加上也可以....

您可能感興趣的文章:

相關(guān)文章

Javascript中各種trim的實現(xiàn)詳細解析
這篇文章主要是對Javascript中各種trim的實現(xiàn)進行了詳細的介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2013-12-12
巧用canvas
作為一項有意思的新技術(shù)，canvas給我們帶來了對網(wǎng)頁繪圖和網(wǎng)頁動畫的新革命。本文簡單介紹下canvas實用的功能，下面跟著小編一起來看下吧
2017-01-01
js DataSet數(shù)據(jù)源處理代碼
js DataSet數(shù)據(jù)源處理代碼，需要的朋友可以參考下。
2010-03-03
jquery 實現(xiàn)上下滾動效果示例代碼
上下滾動的效果，不用說，大家都有看到過，本文為大家介紹下使用jquery實現(xiàn)上下滾動效果，感興趣的朋友可以參考下，希望對大家有所幫助
2013-08-08
信息滾動效果的實例講解
下面小編就為大家?guī)硪黄畔L動效果的實例講解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-09-09
js中單引號與雙引號沖突問題解決方法
這篇文章介紹了js中單引號與雙引號沖突問題解決方法，有需要的朋友可以參考一下
2013-10-10
深入理解Webpack 中路徑的配置
這篇文章主要給大家介紹了關(guān)于Webpack2中路徑配置的相關(guān)資料，文中介紹的非常詳細，對大家具有一定的參考學習價值，需要的朋友們下面來一起看看吧。
2017-06-06
對于JavaScript繼承你到底了解多少
js的繼承機制不同于傳統(tǒng)的面向?qū)ο笳Z言,采用原型鏈實現(xiàn)繼承,基本思想是利用原型讓一個引用類型繼承另一個引用類型的屬性和方法,下面這篇文章主要給大家介紹了關(guān)于JS繼承的相關(guān)資料,需要的朋友可以參考下
2021-09-09
JS+CSS實現(xiàn)閃爍字體效果代碼
這篇文章主要介紹了JS+CSS實現(xiàn)閃爍字體效果代碼,可實現(xiàn)文字按照指定顏色逐次閃爍顯示的功能,代碼非常簡單實用,需要的朋友可以參考下
2016-04-04
可拖動可改變大小div的實現(xiàn)代碼
可拖動可改變大小div的實現(xiàn)代碼，非常不錯的應用，大家可以參考下。
2009-08-08