如何在更改 innerHTML 时运行 <script>

Posted 2023-05-07

【中文标题】如何在更改 innerHTML 时运行 <script>

【英文标题】：How to run a <script> when innerHTML is changed

【发布时间】：2020-10-10 08:31:26

【问题描述】：

我有一个<script> 标记，并且我希望脚本标记在该脚本标记的innerhtml 更改时运行。我不在乎解决方案是 HTML 还是 JS 或 JQuery。

这是我的代码（使用 JQuery 3.4.1）：

<script id="sc"></script>

<script>
var sc = $('#sc');

function runScript () 
  sc.html('console.log("Hello World");');

runScript();

我认为原因是因为脚本标签在开始时运行一次，然后再也不会运行，但我可能弄错了。非常感谢任何帮助。

谢谢。

【问题讨论】：

你的语法还是错误的。这不是你的做法。你能澄清一下你想要达到的目标吗？

【参考方案1】：

这是不可能的，而且你的语法是错误的。 你需要学习一些关于 web 渲染以及 web 如何与 javascript 交互的知识。 访问https://developers.google.com/web/fundamentals/performance/critical-rendering-path/adding-interactivity-with-javascript

【讨论】：

同意你的看法。 OP 将很多东西与 HTML 和 JS 混合在一起。请在答案中查看我的 cmets。