javascript - 无法使用 Element.insertAdjacentHTML() 执行内联脚本

Question

我可以使用 insertAdjacentHTML执行内联 JavaScript？

浏览器控制台的工作原理:

$('body').append('<script>alert(1)</script>')

我需要在浏览器控制台中工作:

document.body.insertAdjacentHTML('beforeend', '<script>alert(1)</script>');

VanillaJS 解决方案不起作用。我很高兴有一个理由

Answer 1

使用insertAdjacentHTML，虽然脚本标签被添加到页面中，但它不会被解析或执行。

要使脚本实际运行，您需要使用 createElement :

var script = document.createElement('script');
script.innerText = "console.log('Hello!');";

document.body.append(script);