動態創建script在IE中緩存js文件時導致編碼的解決方法

2019-11-20 20:44:59

字體：大中小

來源：轉載

供稿：網友

先看下重現代碼

1， gb2312.html 該文件編碼為gb2312

 
<!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

復制代碼代碼如下:

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

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

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

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

如圖

如果不是動態創建的script tag，直接寫在html頁面上，則沒有此問題。

復制代碼代碼如下:

如果采用document.write方式載入js資源也不會出現該bug

復制代碼代碼如下:

 
<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屬性的賦值順序。

復制代碼代碼如下:

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

即先給charset賦值。

上一篇：jquery中的ajax方法怎樣通過JSONP進行遠程調用

下一篇：將HTML的左右尖括號等轉義成實體形式的兩種實現方式

學習交流

索泰發布一款GTX 1070 Mini迷你版本:小機

索泰發布一款GTX 1070 Mini迷你版本:小機箱大愛...

熱門圖片

猜你喜歡的新聞

猜你喜歡的關注

麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

動態創建script在IE中緩存js文件時導致編碼的解決方法