时间:2021-05-25
先看下重现代码
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页面上,则没有此问题。
复制代码 代码如下:
<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赋值。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例讲述了IE8中动态创建script标签onload无效的解决方法。分享给大家供大家参考。具体分析如下:今天做项目,发现一个奇怪的问题,动态创建的scri
js中自动清除ie缓存方法—常用对于动态文件,比如index.asp?id=...或者index.aspx?id=...相信有经验的程序员都知道怎样禁止浏览器缓
本文实例讲述了js中style.display=""无效的解决方法。分享给大家供大家参考。具体解决方法如下:一、问题描述:在js中我们有时想动态的控制一个div
解决“引入JS文件IE6报错”的问题问题描述:页面引入一个js文件,其中定义了函数或对象,然后在页面中调用函数或对象时,在IE6会报“语法错误”或“缺少对象”。
本文实例讲述了JS实现文件动态顺序载入的方法。分享给大家供大家参考。具体分析如下:用script标签实现JS代码的动态载入。源于JavaScript语言中函数、