javascript - 使用当前脚本路径在脚本中导入 css 文件

Question

我想将一些脚本和 css 文件加载到我的 HTML 文件中。我不想包含每个文件，我想包含一个加载所有其他文件的文件。所以当包括我的initializer.js时候

function Initializer() {

    this.importCascadingStyleSheet = function(path){
        var element = document.createElement("link");
        element.setAttribute("rel", "stylesheet");
        element.setAttribute("type", "text/css");
        element.setAttribute("href", path);
        document.getElementsByTagName("head")[0].appendChild(element);
    }

    this.importScript = function(){

    }

    this.importCascadingStyleSheet("../style/tooltip.css");
}

问题是路径参数与当前目录无关，它对整个项目是绝对的。

这些文件被分开到一个文件夹中，因为它们应该是独立的，因为这应该是一个库。

使用当前代码，给定的路径"../style/tooltip.css"将类似于

https://demo.page.com/foo/bar/style/tooltip.css

我需要类似的东西

"myLib/style/tooltip.css"

如何为库设置正确的路径？

标签： javascripthtmlcss