欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

動態(tài)創(chuàng)建script在IE中緩存js文件時導(dǎo)致編碼的解決方法

 更新時間：2014年05月04日 10:36:53   作者：  
這篇文章主要介紹了動態(tài)創(chuàng)建script在IE中緩存js文件時導(dǎo)致編碼的解決方法,需要的朋友可以參考下
先看下重現(xiàn)代碼

1， gb2312.html 該文件編碼為gb2312
復(fù)制代碼 代碼如下:

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="gb2312"/>
<style>
p {
color: red;
}
</style>
</head>
<body>
<button onclick="loadJS('utf8.js', 'utf-8')">測試</button>
<script>
function loadJS(src, charset) {
var script = document.createElement('script');
script.src = src;
script.charset = charset;
var head = document.getElementsByTagName('head')[0];
head.appendChild(script);
}
</script>
</body>
</html>

2， utf8.js 該文件編碼是utf-8
復(fù)制代碼 代碼如下:

var p = document.createElement('p');
p.innerHTML = 'IE緩存導(dǎo)致亂碼';
document.body.appendChild(p);

loadJS函數(shù)動態(tài)創(chuàng)建一個script，設(shè)置src，charset后添加到head中。這里每次點擊按鈕會將utf8.js引入到該頁面中，utf.js內(nèi)代碼會創(chuàng)建一個p元素設(shè)置一段文本，然后添加到body上。

第一次點擊按鈕，文字顯示正常。

第二次后，文字編碼不正確了。

如圖

 

如果不是動態(tài)創(chuàng)建的script tag，直接寫在html頁面上，則沒有此問題。
復(fù)制代碼 代碼如下:

<script type="text/javascript" src="utf8.js" charset="utf-8"></script>

如果采用document.write方式載入js資源也不會出現(xiàn)該bug
復(fù)制代碼 代碼如下:

<script>
function loadByWrite(url, charset) {
var str = '<script type="text/javascript"' + ' src="' + url + '" charset="' + charset + '"><' + '/script>';
document.write(str);
}
</script>
<script>
loadByWrite('utf8.js', 'utf-8')
</script>

解決方式是換下src和charset屬性的賦值順序。
復(fù)制代碼 代碼如下:

script.charset = charset;
script.src = src;

即先給charset賦值。

相關(guān)文章

最新評論