javascript - Internet Explorer (7-8-9) 似乎会从 JavaScript 中删除字符，这会破坏许多功能

Question

我有一个 website在 WordPress 上运行。该站点使用多个 JavaScript 组件。最值得注意的是主页上的幻灯片，schedule , 和 contact form .所有功能都可以在 Chrome、Firefox 和其他优秀的浏览器中正常运行，但在 IE 中却不行。

所有这些功能都因 JavaScript 中出现的问题而失效。我已经包含了下面发生的事情的几个示例:

IE 调试控制台中的错误:“SCRIPT1006:预期:')' - modernizr.foundation.js?ver=3.4.2，第 4 行字符 94”

m.join(a";")(b||"")

服务器上的实际文件:

m.join(a+";")(b||"")

IE 调试控制台中的错误:“SCRIPT1006:预期:')' - jquery.js?ver=1.7.2，第 2 行字符 148”

d=f("<"">")

服务器上的实际文件:

d=f("<"+a+">")

它们都遵循这种缺失字符的模式(最常见的是“+”符号)。对于在 Internet Explorer 中导致此问题的原因，我完全感到困惑，如果知道发生了什么以及如何解决它，我会感到欣慰。

Answer 1

这与您提供 .js 文件的方式有关。特别是您的 modernizr，您要引入以下内容:

<script type='text/javascript' src='http://rowbotfitness.com/wp-content/themes/businesspro/core/library/js/foundation/modernizr.foundation.js?ver=3.4.2'></script>

(顺便说一句，你有很多JS和CSS文件，如果你能把它们组合起来会更好，而且你的加载顺序有点可疑，但这不是主要问题)

如果您只是访问 URL:

http://rowbotfitness.com/wp-content/themes/businesspro/core/library/js/foundation/modernizr.foundation.js

...在 Firefox 中，然后查看 Firebug 控制台中弹出的错误，您会在 IE 中看到导致您悲伤的错误:

The character encoding of the plain text document was not declared. The document will render with garbled text in some browser configurations if the document contains characters from outside the US-ASCII range. The character encoding of the file needs to be declared in the transfer protocol or file needs to use a byte order mark as an encoding signature.

不确定是什么为您生成该 JS 文件(使用 ?ver=3.4.2)，但您最好直接链接到 JS 文件，然后在您的网络服务器软件中设置正确的 MIME 类型。请在此处查看有关 StackOverflow 的讨论:

Javascript MIME Type