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

首頁 > 編程 > JavaScript > 正文

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

2019-11-20 20:44:59
字體:
供稿:網(wǎng)友
先看下重現(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ù)動(dòng)態(tài)創(chuàng)建一個(gè)script,設(shè)置src,charset后添加到head中。這里每次點(diǎn)擊按鈕會(huì)將utf8.js引入到該頁面中,utf.js內(nèi)代碼會(huì)創(chuàng)建一個(gè)p元素設(shè)置一段文本,然后添加到body上。

第一次點(diǎn)擊按鈕,文字顯示正常。

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

如圖

 

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

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

如果采用document.write方式載入js資源也不會(huì)出現(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賦值。
發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 遵义县| 清水县| 永州市| 郁南县| 陇西县| 柘荣县| 库尔勒市| 中山市| 普定县| 大连市| 孟连| 温州市| 清远市| 兰州市| 东丰县| 黄山市| 上饶市| 麻江县| 赞皇县| 武功县| 南郑县| 汕头市| 嘉祥县| 布拖县| 曲水县| 宝山区| 麻城市| 哈密市| 宁陕县| 龙南县| 南宁市| 遂川县| 临江市| 龙井市| 武乡县| 大安市| 南昌县| 阿拉善左旗| 中江县| 樟树市| 丘北县|