IE_javascript 팁에서 js 파일을 캐싱할 때 스크립트를 동적으로 생성하여 발생하는 인코딩에 대한 솔루션

먼저 재생코드

1, gb2312.html을 살펴보겠습니다. 파일은 gb2312

코드를 복사합니다<.> 코드는 다음과 같습니다.

🎜>
헤드>
<본문>
var script = document.createElement('script');
script.src = src;
script.charset =
var head = document.getElementsByTagName ('head')[ 0];
head.appendChild(script)



2. utf8.js 파일 인코딩은 utf-8




코드 복사


코드는 다음과 같습니다 :

var p = document.createElement('p');

p.innerHTML = 'IE 캐시로 인해 문자가 깨졌습니다.' document.body.appendChild(p); 🎜> loadJS 함수 역학 스크립트를 생성하고 src, charset을 설정한 후 헤드에 추가합니다. 여기에서 버튼을 클릭할 때마다 utf8.js가 페이지에 도입됩니다. utf.js의 코드는 p 요소를 생성하여 텍스트를 설정한 다음 이를 본문에 추가합니다. 처음 버튼을 클릭하면 텍스트가 정상적으로 표시됩니다.

두 번째부터는 텍스트 인코딩이 올바르지 않습니다.

그림과 같이

동적으로 생성된 스크립트 태그가 아니고 html페이지에 직접 작성한다면 이런 문제는 없을 것이다. .




코드 복사


코드는 다음과 같습니다.

document.write를 사용하여 js 리소스를 로드하는 경우 이 버그는 발생하지 않습니다 코드 복사

코드는 다음과 같습니다.

<script> <br>function loadByWrite(url, charset; ) { <div class="codetitle"> var str = '<script type="text/javascript"' ' src="' url '" charset="' charset '"><' '/script>' <span>문서 .write(str) <a style="CURSOR: pointer" data="78091" class="copybut" id="copybut78091" onclick="doCopy('code78091')">} <u></script> <script> </a>loadByWrite('utf8.js', 'utf-8') </span></script>

해결책은 src 및 charset 속성 할당 순서를 변경하는 것입니다.




코드 복사


코드는 다음과 같습니다.

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

즉, charset에 먼저 값을 할당합니다.