html - 如何根据我所在的 URL/网站和/或服务器自动选择要使用的 css？

Question

我有一个 HTML 小部件/表格，它从一个私有(private)服务器中提取信息，该服务器使用来自 javascript viewmodel 文件的 JSON/knockoutjs 数据绑定(bind)在选定的字段中显示我想要的信息。我将把这个小部件放在不同的服务器/站点上。问题是(虽然很愚蠢)我需要根据我所在的站点/服务器使用不同的 CSS。有没有办法在 HTML 或 Javascript 中说明如果我访问此网站或服务器使用此 CSS，或者如果我访问此网站/服务器使用我拥有的其他 CSS 文件？

如果还有可能的话；也许有一种方法可以判断网站 url 或服务器是否包含特定词；例如:http://abcdEXAMPLEefghi.com ;在此示例中，我将检查“EXAMPLE”一词是否在 URL 中，如果是，则使用 CSS2 而不是默认的 CSS1。

Answer 1

也许是这样的？

http://jsfiddle.net/pqLVz/

<script>
    if (window.location.href.indexOf('net') > 0) {
        document.write('<link rel="stylesheet" type="text/css" href="/css/basicsite.css" />')
        document.write('<style>p { color: red; }</style>')
    }
</script>
<p>hello</p>