.NET Framework 4.7.2 MVC应用在IE中无法加载JS脚本如何解决？

1. 强制IE使用最高文档模式 #

通过页面元标签或站点配置，让IE启用最高可用的渲染模式，避免兼容旧版本导致的脚本异常：

• 在页面<head>中添加元标签：

  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  

• 或在web.config的<system.web>节点下配置全局生效：

  <httpProtocol>
    <customHeaders>
      <add name="X-UA-Compatible" value="IE=edge" />
    </customHeaders>
  </httpProtocol>
  

2. 匹配jQuery与IE的兼容版本 #

IE（尤其是IE11及以下）对高版本jQuery支持有限：

• 若需兼容IE11，使用jQuery 1.12.x或2.2.x版本，避免使用3.x系列（不再支持IE8及以下）。
• 引入脚本时确保路径正确，比如：

  <script src="~/Scripts/jquery-1.12.4.min.js"></script>
  

3. 修复原生JavaScript的IE兼容语法 #

IE不支持部分ES6及以上语法，需替换为兼容写法：

• 把箭头函数、let/const替换为function声明和var：
  错误写法：

  const btn = document.querySelector('#btn');
  btn.addEventListener('click', () => { alert('test'); });
  

  兼容写法：

  var btn = document.querySelector('#btn');
  btn.addEventListener('click', function() { alert('test'); });
  

• 补充IE缺失的API支持：比如IE11不支持forEach、Promise，可添加polyfill代码，示例：

  // 数组forEach的兼容补丁
  if (!Array.prototype.forEach) {
    Array.prototype.forEach = function(callback, thisArg) {
      for (var i = 0; i < this.length; i++) {
        callback.call(thisArg, this[i], i, this);
      }
    };
  }
  

4. 关闭IE兼容性视图 #

让用户检查IE设置：打开“工具”→“兼容性视图设置”，确保当前站点不在兼容列表中，且未勾选“在兼容性视图中显示所有网站”。

5. 排查脚本加载与错误 #

• 按依赖顺序加载脚本：先加载jQuery，再加载依赖它的自定义脚本，避免未定义错误。
• 打开IE开发者工具（F12），在“控制台”标签查看具体脚本错误，根据提示修复（比如未定义变量、语法错误）。

6. 调整ASP.NET脚本捆绑配置 #

若使用BundleConfig进行脚本捆绑，确保压缩规则不破坏IE兼容代码：

• 在BundleConfig.cs中保持基础捆绑配置，避免启用可能导致IE解析失败的压缩选项，示例：

  bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
            "~/Scripts/jquery-{version}.js"));
  

内容的提问来源于stack exchange，提问作者user19887016