有的時候我們想同樣一套程序模板，但是使用不同的樣式代碼，這樣顯示出來的效果也就不一樣了，仿佛是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>

打完收工。