insertAdjacentHTML动态添加js代码，运行不了

问题遇到的现象和发生背景

我想用insertAdjacentHTML动态添加运行js代码，通过f12可以看到js代码添加进去，但是不能运行。把添加的js代码改成其他的html元素，也显示不了，请问有什么解决办法？


<html>
<head> 
<script language="JavaScript">


function iat3(){
    var obj=document.querySelector("script");
    var str1 = "<script>function tt(){alert(\"aaffa\"); }";
    //var str2 = "<h1>aaaaaaaaaaaaaaa</h1>"
    obj.insertAdjacentHTML("afterEnd",str1);
    //obj.insertAdjacentHTML("beforebegin",str2);
}
</script>
</head>
<body>
<table>

    <input type="button" value="执行动态添加的代码tt()" onclick="tt()"><br>
    <input type="button" value="动态添加代码" onclick="iat3()"><br>

</table>
 
</body>
</html>
我想要达到的结果

第二个按钮添加js代码，可以实现。第一个按钮执行第二个按钮添加的代码，实现不了。

img

你这个用法 不太对吧
Element.insertAdjacentHTML() 需要是一个dom元素才行 scipt 似乎 不行

其实我更好奇什么业务需要这么骚气的操作