如何爲單個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);