国产探花免费观看_亚洲丰满少妇自慰呻吟_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賦值。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 罗平县| 阿荣旗| 泗水县| 民勤县| 北海市| 德兴市| 嵊州市| 科技| 阳新县| 昌图县| 茂名市| 扎鲁特旗| 象山县| 阿克陶县| 民丰县| 乡城县| 德钦县| 宣威市| 孟州市| 沛县| 内丘县| 错那县| 芦溪县| 个旧市| 罗山县| 富蕴县| 石家庄市| 拉萨市| 红原县| 迁西县| 宁晋县| 靖宇县| 葫芦岛市| 桦甸市| 密云县| 新绛县| 基隆市| 牡丹江市| 高清| 明溪县| 绵竹市|