如何在CSS链接标签中插入JavaScript函数

Question

我们如何在某些CSS链接标记内调用javascript函数？

例如：

<link rel="stylesheet" href="https://<%=getServerIP()%>/path/to/cssFiles/file1.css" type="text/css">

正如我们所看到的，此代码片段工作正常。 它调用scriptlet函数。 抢IP。 访问css文件。

我需要用javascript函数做同样的事情。

<link rel="stylesheet" href="https://'getServerIP()'/path/to/cssFiles/file1.css" type="text/css">

为什么第二种方式不起作用？ 有什么解决方法吗？

提前致谢。 :)

Answer 1

在JavaScript中，没有类似的语法可以像在PHP中一样将变量拖放到html中。 为了在javascript中动态加载CSS文件，您需要创建一个link元素并将其附加到头部。 像这样：

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

var url = 'https://'+getServerIP()+'/path/to/cssFiles/file1.css';
loadCssFile(url);