页面加载后通过jQuery动态插入<script>标记

在页面中，我希望在符合某个条件后，动态加载script脚本，我首先尝试了把script标签包在字符串中，但是飘红了~~~

 $('<script src="../js/index.js?v=20200623"></script>').appendTo("body");

之后，我又尝试了将script放入模板字符串 ` `中，依然飘红~~

最终查阅资料，解决方法如下：

方法一：

var s = document.createElement("script");
s.type = "text/javascript";
s.src = "index.js";
$("body").append(s);

方法二：

HTML:

<div id="abc">
  <script src="index.js"></script>
</div>

js:

$($("#abc").html()).appendTo("body");