Question

我在一个简单的html文件中有一个按钮，onClick调用下一个脚本：

function onShowTest() {
    $('div#content').html('<script>alert("Hello")</script>');
};

所以基本上当我点击按钮时我会收到提醒。

我真正希望实现的是在div标签（content）中，我将看到一个脚本的结果，它绘制了一些东西（不仅仅是示例中的一个警告，它与结果显示在div标签中。

此外，该函数位于名为 utils.js的其他文件中。

我尝试使用jQuery.getScript()，但我无法让它发挥作用。

Answer 1

要生成HTML，您需要使用类似document.write的内容，但这只能在解析时使用。 HTML文档完成后，调用它将启动一个新文档并吹走现有内容。

如果您想在某处生成HTML，那么您需要使用DOM操作来执行此操作，并且您无法根据脚本元素的显示位置来执行此操作。

如果你想绘制某些东西，那么你需要使用SVG，Canvas或其他API来创建图像。 SVG只是更多DOM操作。 Canvas首先需要DOM操作来创建canvas元素，然后在该元素上调用canvas api方法。

如果你希望代码来自其他地方，但是从“here”获取目标，那么你应该编写一个函数来进行操作并传递一个参数来告诉它在哪里进行操纵。