识别脚本是否已执行

Question

如果使用HTMLElement.innerHTML 插入脚本标签，它不会被执行。有没有办法通过查看 HTMLScriptElement 来识别它从未被执行过？

更长的上下文：具有服务器端渲染的 React 应用程序使用 React 的 dangerouslySetInnerHTML 来注入可能包含 <script> 标签的动态内容。当服务器端渲染时，这些脚本运行，当客户端渲染时它们不运行。我想使用生命周期钩子来检查客户端脚本的执行情况而不执行由于服务器端渲染而执行的脚本。

Answer 1

我发现了一个 React 解决方法，它并不能真正解决基本问题；我没有尝试判断给定的脚本元素是否已实际执行，而是在页面上构建了所​​有脚本的列表之前调用渲染方法（在组件构造函数中），然后在重新创建脚本元素时我忽略我已经看到源代码的任何内容。

这让我可以识别渲染添加的所有脚本，因为它们不在原始集合中。

仍然对最初的问题感到好奇，因为这样可以进行更优雅的解决。