国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

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

2024-05-06 16:05:07
字體:
來源:轉載
供稿:網友
這篇文章主要介紹了動態創建script在IE中緩存js文件時導致編碼的解決方法,需要的朋友可以參考下

先看下重現代碼

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

復制代碼 代碼如下:


<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="gb2312"/>
<style>
p {
color: red;
}
</style>
</head>
<body>
<button>測試</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在IE中緩存js文件時導致編碼的解決方法

 

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

復制代碼 代碼如下:


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


如果采用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賦值。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 宝山区| 徐汇区| 五常市| 牡丹江市| 柳河县| 平利县| 德清县| 永宁县| 大城县| 铅山县| 高青县| 陇南市| 仁怀市| 安福县| 秦皇岛市| 城固县| 宁陵县| 舒兰市| 麻栗坡县| 新平| 双桥区| 宁安市| 富源县| 深泽县| 邵武市| 襄城县| 上饶县| 蚌埠市| 贵州省| 丹巴县| 临夏市| 兴海县| 台南市| 嘉峪关市| 德保县| 建湖县| 漯河市| 天峨县| 黄平县| 丰原市| 民丰县|