js判断不同域名使用不同CSS

本文最后更新于2022年7月10日，已超过 1 年没有更新，如果文章内容失效，请反馈给我们，谢谢！

利用JS文件判断域名，不同的域名调用不同的CSS只需要一段代码即可具体实现如下：

<script type="text/jscript">
host = window.location.host;
if (host=="www.baidu.com")
 {<link href='/skins/style.css' rel='stylesheet'>}
 if (host=="m.baidu.com")
 {<link href='/skins/style-wap.css' rel='stylesheet'>}
</script>

这里以百度为例上面的代码表示如果访问的是“www.baidu.com”则调用CSS文件是“style.css”；如果访问的是“m.baidu.com”则调用的CSS文件是“style-wap.css”。

我们可以按上面的代码建一个JS文件（代码在下方直接复制即可）命名为“style.js”保存在网站根目录中，在网站的公共头部引用即可JS代码如下：

host = window.location.host;
if (host=="www.11.com")
 {document.writeln("<link href=\'/skins/style.css\' rel=\'stylesheet\'>");}
 if (host=="m.11.com")
 {document.writeln("<link href=\'/skins/style-wap.css\' rel=\'stylesheet\'>");}

引入代码：

<script type="text/jscript" src="/skins/style.js"></script>

最后还有一种方法是判断域名的样式来加载不同的CSS，比如有三个域名m.foresthouse.cn、www.foresthouse.cn和pad.foresthouse.cn；那么我想让带www的域名使用pcstyle.css，让带m的域名使用mstyle.css，让带pad的域名使用padstyle.css那么可以用下面的代码：

var url = window.location.host;//仅获取当前域名
if(url.indexOf("www.") >= 0 ) { //判断域名地址中是否包含www.字符串
//alert(url);
document.writeln("<link href=\'/skins/css/pcstyle.css\' rel=\'stylesheet\'>");
}
if(url.indexOf("m.") >= 0 ) { //判断域名地址中是否包含m.字符串 
document.writeln("<link href=\'/skins/css/mstyle.css\' rel=\'stylesheet\'>");
}
if(url.indexOf("pad.") >= 0 ) { //判断域名地址中是否包含pad.字符串 
document.writeln("<link href=\'/skins/css/padstyle.css\' rel=\'stylesheet\'>");
}