まず、再現コード 1、gb2312.html を見てみましょう。ファイルは gb2312 としてエンコードされています。コード コードは次のとおりです: 🎜> <br>color: red; <br></style</ヘッド><br><ボディ><ボタンonclick="loadJS('utf8.js', 'utf-8')>テスト</ボタン>関数loadJS(src, charset ) { <br>var script = document.createElement('script'); <br>script.charset = charset; <br>var head = document.getElementsByTagName ('head')[0]; <br>head.appendChild(script); <br></html> <br> <br> 2. utf8.js ファイルのエンコーディングは utf-8 です <br><br><br><br><br>コードをコピーします <br><br><br> コードは次のとおりです: <br><br> <br> var p = document.createElement('p'); <br>p.innerHTML = 'IE キャッシュにより文字化けが発生する'; </div>document.body.appendChild(p); 🎜><br> <br>loadJS 関数のダイナミクス スクリプトを作成し、src、charset を設定して head に追加します。ここのボタンをクリックするたびに、utf8.js がページに導入され、utf.js 内のコードによってテキストを設定する p 要素が作成され、それが本文に追加されます。 <div class="codetitle"><span>初めてボタンをクリックすると、テキストが通常どおり表示されます。 <a style="CURSOR: pointer" data="60596" class="copybut" id="copybut60596" onclick="doCopy('code60596')"><u>2 回目以降は、テキストのエンコードが正しくありません。 </u></a>図のように </span></div> <div class="codebody" id="code60596"> <br><br>動的に作成されたscriptタグではなく、HTMLページ上に直接記述した場合はこのような問題は発生しません。 <br><br> </div> <br><br>コードをコピー<br><br><br> コードは次のとおりです:<br><br> <br><script type="text/javascript " src= "utf8.js" charset="utf-8"></script> <br><img src="http://files.jb51.net/file_images/article/201405/20140504103649.png?201444103720" alt="IE_javascript ヒントで js ファイルをキャッシュするときにスクリプトを動的に作成することによって引き起こされるエンコードの解決策" > <br>document.write を使用して JS リソースをロードする場合、このバグは発生しません <br><br> <div class="codetitle"><span><a style="max-width:90%" data="38570" class="copybut" id="copybut38570" onclick="doCopy('code38570')">コードをコピーします<u></u></a> コードは次のとおりです。</span></div> <div class="codebody" id="code38570"><script> ) { <br> var str = '<script type="text/javascript"' ' src="' url '" charset="' charset '"><' '/script>'; .write(str) ; <br>} </div></script> <br>loadByWrite('utf8.js', 'utf-8') <br></script> <div class="codetitle"><span> <a style="CURSOR: pointer" data="78091" class="copybut" id="copybut78091" onclick="doCopy('code78091')">解決策は、src 属性と charset 属性の割り当て順序を変更することです。 <u></u></a></span></div>コードをコピーします<div class="codebody" id="code78091"> <br><br> コードは次のとおりです。<br><br> <br>script.charset = charset; script.src = src; <br><br> <br>つまり、最初に charset に値を割り当てます。</div>
