Question

我要求在一个xhtml中添加两个CSS样式表类。

例如：

我有display.xhtml将由两个应用程序使用，我们需要为每个应用程序应用不同的CSS。

即：

如果在应用程序中打开display.xhtml

我需要应用A.css，如果它已在应用程序中打开
我需要申请B.css。

如何处理这种或任何其他方法是为了达到这个目的？

Answer 1

var link = document.createElement("link");
link.href = "Scripts/ckeditor/contents.css";
link.type = "text/css";
link.rel = "stylesheet";
document.getElementsByTagName("head")[0].appendChild(link);

Answer 2

试试这个。在app的url中调用xhtml iframe放置一个查询字符串，所以在app 1中使用

display.xhtml?style=a

和app 2使用

 display.xhtml?style=b

然后在display.xhtml中使用javascript来获取查询并链接到正确的样式表

  <script>
    var style = getUrlVars()["style"]+".css";
   var fileref=document.createElement("link")
   fileref.setAttribute("rel", "stylesheet")
      fileref.setAttribute("type", "text/css")
     fileref.setAttribute("href", style)
</script>

如何为单个xhtml文件添加动态CSS样式表

2 个答案: