Javascript 在我的案例中，如何在运行时加载JS文件？

我正在尝试在Angular中为不同的环境加载不同的JS文件，因为我的JS文件的前缀不同，并且我无法将它们保存在本地

在开发中

js file path is http://myproject-dev.com/product.js

所以我的html将是

 <script src="http://myproject-dev.com/product.js"></script>

我的html就像

<script src="http://myproject.com/product.js"></script>

我需要根据环境加载它们，我在JS中设置了一个变量来检测环境，但我不知道如何在html或Angular中的运行时加载它们。任何提示都将不胜感激。谢谢

使用相对URL

相同位置：

使用当前位置的子文件夹：

对于根目录中的子文件夹：

使用相对URL

相同位置：

使用当前位置的子文件夹：

---

使用根目录中的子文件夹：

您可以简单地使用相对路径来引用文件，而不是使用完整的URL

如果目录结构如下所示：

<script src="js/product.js"></script>

js product.js index.html 然后在index.html中，您可以像这样引用product.js：

<script src="js/product.js"></script>

---

您可以简单地使用相对路径来引用文件，而不是使用完整的URL

如果目录结构如下所示：

<script src="js/product.js"></script>

js product.js index.html 然后在index.html中，您可以像这样引用product.js：

<script src="js/product.js"></script>