javascript - 如何在html页面上动态添加路由到脚本src？

Question

我有一个 HTML 页面，其中引用了一些脚本，如下所示:

<script charset="utf-8" src="Content/Styles/ThemeForest/assets/js/vendors.js"></script>
<script charset="utf-8" src="Content/Styles/ThemeForest/assets/js/app.js"></script>

问题是，当我将网站上传到服务器时，它不再工作。我想如果我添加网络应用程序名称，它会再次工作。像这样的事情:

<script charset="utf-8" src="MySite/Content/Styles/ThemeForest/assets/js/vendors.js"></script>
<script charset="utf-8" src="MySite/CContent/Styles/ThemeForest/assets/js/app.js"></script>

现在，问题是，我可能不知道 Web 应用程序名称上传到服务器后会是什么样子......所以，我想将应用程序名称动态添加到 src。

我注意到有一个名为 window.location.pathname 的 JavaScript 函数，它可以为我带来 Web 应用程序名称(如果有)。我可以将其连接到路线的其余部分，它应该可以工作。

现在，问题是，这一切都在常规 HTML 页面上。有没有一种方法可以使用基本的 JavaScript 函数设置到这些脚本标记的自定义路由？或者还有其他想法吗？

Answer 1

您可以使用类似 $script 的内容，只需在 app.run 或任何其他位置添加该代码行，然后使用要加载的 js 文件的路由数组来调用它。您说您可以获取 Web 应用程序名称，因此只需传递应用程序名称与脚本路径连接即可:

var dependenciesLoadingFactory = function(deps) {
    return ['$q', '$rootScope', function($q, $rootScope) {
        var deferred = $q.defer();
        $script(deps, function() {
            $rootScope.$apply(function() { deferred.resolve(); });
        });
        return deferred.promise;
    }];
};