问题遇到的现象和发生背景
我想用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代码,可以实现。第一个按钮执行第二个按钮添加的代码,实现不了。