使用当前脚本路径在脚本中导入CSS文件

时间:2018-08-07 09:07:05

标签: javascript html css

我想将一些脚本和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");
}

问题在于path参数不是相对于当前目录的,它对于整个项目都是绝对的。

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

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

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

我需要类似的东西

"myLib/style/tooltip.css"

如何为lib设置正确的路径?

0 个答案:

没有答案