在Chrome和Firefox中可以预先添加/追加，但不能在IE11和Edge中使用

基础概念

在Web开发中，浏览器之间的兼容性问题是很常见的。不同的浏览器对于HTML、CSS和JavaScript的支持程度可能会有所不同，这可能导致某些功能在一个浏览器中可以正常工作，而在另一个浏览器中却无法使用。

相关优势

• Chrome 和 Firefox 是现代浏览器，它们通常对最新的Web标准有更好的支持。
• IE11 和 Edge（旧版）虽然也是浏览器，但它们在某些方面的实现可能与现代浏览器有所不同。

类型

这个问题涉及到的是浏览器兼容性问题，具体来说是JavaScript在不同浏览器中的行为差异。

应用场景

在开发Web应用时，开发者需要确保他们的代码在所有目标浏览器中都能正常工作。这包括处理不同浏览器之间的差异，以确保用户体验的一致性。

问题原因

IE11和Edge（旧版）可能不支持某些现代JavaScript API或方法，这导致了在Chrome和Firefox中可以正常工作的代码在这些浏览器中无法使用。

解决方法

1. 使用Polyfill：Polyfill是一种JavaScript代码，用于在旧版浏览器中实现现代浏览器的功能。例如，如果某个API在IE11中不可用，可以引入一个Polyfill来提供相同的功能。
2. 使用Polyfill：Polyfill是一种JavaScript代码，用于在旧版浏览器中实现现代浏览器的功能。例如，如果某个API在IE11中不可用，可以引入一个Polyfill来提供相同的功能。
3. 使用条件注释：IE浏览器支持条件注释，可以根据不同的IE版本加载不同的代码。
4. 使用条件注释：IE浏览器支持条件注释，可以根据不同的IE版本加载不同的代码。
5. 使用Babel：Babel是一个JavaScript编译器，可以将现代JavaScript代码转换为旧版浏览器可以理解的代码。
6. 使用Babel：Babel是一个JavaScript编译器，可以将现代JavaScript代码转换为旧版浏览器可以理解的代码。
7. 使用Babel：Babel是一个JavaScript编译器，可以将现代JavaScript代码转换为旧版浏览器可以理解的代码。

参考链接

• Babel 官网
• Polyfill.io

通过以上方法，可以有效地解决IE11和Edge中JavaScript代码不兼容的问题。