javascript - 在 html div 标签中显示执行的脚本结果

Question

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

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

所以基本上当我单击按钮时，我只会收到警报。

我实际上想要实现的是，在 div 标签 ( content) 中，我将看到一个绘制某些东西的脚本的结果（不仅仅是示例中的警报，它与 div 标签中显示的结果无关） .

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

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

score 3 · Accepted Answer

要在适当的位置生成 HTML，您需要使用类似的东西document.write，但这仅在解析时有效。HTML 文档完成后，调用它将启动一个新文档并清除现有内容。

如果你想在某处生成 HTML，那么你需要使用 DOM 操作来完成它，而你不能根据脚本元素出现的位置来完成它。

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

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

1 回答 1