如何让HTML中通过innerHTML插入的脚本也能够运行起来？
原文中文，约2100字，阅读约需5分钟。
📝
内容提要
在Web开发中，通过innerHTML插入的脚本不会自动执行，为了解决这个问题，可以使用eval函数执行脚本或者动态创建<script>元素并添加到页面中。另外，可以使用async或defer属性加载外部脚本，确保执行顺序。需要注意安全性和性能优化。
❓
Q&A
为什么通过innerHTML插入的脚本不会自动执行？
因为浏览器的安全策略会将通过innerHTML插入的脚本视为静态内容，以防止恶意代码和跨站脚本攻击（XSS）。
如何使用eval函数执行innerHTML插入的脚本？
可以使用eval函数来执行插入的脚本，例如：eval(document.getElementById('targetElement').querySelector('script').innerText);
动态创建<script>元素有什么好处？
动态创建<script>元素可以避免直接使用innerHTML带来的安全风险，并且浏览器会自动执行其中的代码。
async和defer属性在加载外部脚本时有什么区别？
async属性表示脚本异步加载并立即执行，而defer属性表示脚本延迟加载，直到文档完全解析后才执行。
使用innerHTML和eval可能带来哪些性能影响？
频繁使用innerHTML和eval可能会影响页面性能和加载速度，因此应谨慎使用。
在处理动态内容时，推荐使用哪些现代前端框架？
推荐使用React、Vue等现代前端框架，它们提供了更安全高效的方法来处理动态内容和脚本。
🏷️
