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

Question

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

例如：

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

即：

如果display.xhtml应用

1. 我需要申请A.css打开，如果在应用
2. 打开我需要申请B.css。

如何处理这个或任何其他方法是否有这样做？

Answer 1

试试这个。 在应用程序调用的XHTML IFRAME的URL把查询字符串，所以在应用程序1使用

display.xhtml?style=a 

和应用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> 

Answer 2

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