"为什么我插入body的script标签不执行?"

今天发现某些情况下append进body的script标签不一定执行，记录一下。
下面的例子在FF和Chrome上均表现一致

demo1

const container = document.createElement("div")
container.innerHTML = '<script type="text/javascript">alert("aaa")</script>'
document.body.appendChild(container)
//不弹出任何东西

demo2

const script = document.createElement("script")
script.innerHTML = "alert('aaa')"
document.body.appendChild(script)

const container = document.createElement("div")
container.appendChild(script)
script.innerHTML = "alert('bbb')"
document.body.appendChild(container)
//只弹出aaa

总结

• 只有直接往body里面插入script标签，标签内容才会被执行
• 同一个script标签内容最多只会被执行一次，即使内容发生了变化或被重新插入dom