js实现不同域名使用不同CSS样式代码

有的时候我们想同样一套程序模板，但是使用不同的样式代码，这样显示出来的效果也就不一样了，仿佛是2个不同站点似的，如何实现呢？其实很简单，下面361模板介绍的就是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>

上面361模板是以百度为例，表示如果访问的是“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>

打完收工。