欢迎来到361模板(www.ke361.com),原创精品织梦模板提供商。QQ快速注册登录 网站托管 VIP 网站定制

361模板网

当前位置:361模板网 > 技术文档 > 程序代码 > js实现不同域名使用不同CSS样式代码
这篇文章主要为大家详细介绍了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>

打完收工。

以上就是js实现不同域名使用不同CSS样式代码的全部内容,希望对大家的学习和解决疑问有所帮助,也希望大家多多支持361模板网。

感谢打赏,我们会为大家提供更多优质资源!

热词标签: JS css 不同域名

上一篇CSS如何让DIV和table居中但是让其中的文字不居中

下一篇css实现文章段落开头自动缩进两个空格

取消

感谢您的支持,我们会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

Powered by361模板网,分享从这里开始,精彩与您同在